Blog

Correcting inlining fonts in CSS

Following a healthier, lighter diet also applies to CSS, and the latter will become heavy if it has to put up with base64-encoded fonts. Fasterize helps you optimize your loading times by outsourcing fonts instead of embedding them in CSS, a critical resource that the browser needs to load as quickly as possible. The result? Pages are displayed faster thanks to a better Start Render.

Read More

5 misconceptions about web performance

wrong way webperf

Do you wish to take control of your website’s loading time? This is no trivial matter because, when an e-commerce website is too slow, this can increase the shopping cart abandonment rate by 75% and decrease customer loyalty by 50%. It would be a shame to waste your efforts to attract and retain traffic because excessive loading times have resulted in a disappointing experience.

The question is where to start and how to improve your web performance? Or do you have an idea already? Here are 5 misconceptions that you have to set aside if you are to make a success of your web performance strategy.

Read More

How CMSs impact loading times

What Content Management System (CMS) should you choose to guarantee the optimum load time for your website’s pages? Salesforce Commerce Cloud, Prestashop, WooCommerce, Magento, WordPress, Hybris, or a home-made platform... Looking beyond what each promises to bring, is there such a thing as the perfect CMS when it comes to speed?

Read More

Find out our dedicated font optimizations

font optimizations

In our article Webperf: Optimizing font loading, we demonstrated the impact that font loading can have on site performance.
In particular, we noticed that the Speed Index and the Start Render fell by an average of 5 to 10% when fonts were not loaded.

When it comes to font optimization, the tool that’s generally recommended is Font-Squirrel. It’s a fantastic tool, but it does have the drawback of being manual. So we decided to retain its best features to develop our own automatic font optimization engine.
Here, we’ll cover:

  1. generating fonts in WOFF2 format
  2. automatically updating the CSS @font-face declaration
  3. adding the font-display property
  4. minifying fonts via the subsetting technique
  5. font autohinting for better visual rendering in Windows
  6. optimizing loading of Google Fonts

Read More

Why speed is key for m-commerce web sites

There are now some 5.052 billion mobile users, accounting for 67% of the world's population. And with WiFi and 4G now widely available, the pace of mobile activity is continually on the rise: mobile web traffic is up 21% over the previous year.

Beyond its usefulness to consumers, mobile commerce offers key advantages from a business perspective:

  • Tablet devices account for the highest add-to-cart rates on e-commerce websites at 8.58%. (Smart Insights)
  • Average smartphone conversion rates are up 64% compared to the average desktop conversion rates. (CMS Report)

Alibaba is a prime example: “Mobile revenue for its Chinese e-commerce business increased 80 percent to US$13.18 billion, generating 80 percent of its total retail revenue in the country. Monetisation of its mobile commerce platforms outstripped that of desktop”.

Given this surge in mobile activity, there can be no doubt about it: e-commerce operators must eliminate any potential points of friction that users may experience on their web sites. Consumers are more demanding than ever and expect a slick and seamless experience. Speed is therefore among consumers' top requirements when it comes to the mobile experience. This then raises the question: how can we reduce loading times on our mobile web site?

Read More

Web performance: Optimising font loading

How much of an impact does font loading have on loading times? What is the best web performance strategy to adopt when it comes to optimising font loading? Anthony, one of our web performance experts, lifts the lid on some or our in-house analysis and gives the low-down on FOUT, preloading and inlining.

NB: "fonts" here refer specifically to web fonts.

Read More

Waterfall charts: technical read and practical recommendations

waterfall

Waterfall charts provide a timeline representation of how elements of your web page are loaded into the browser.

This type of graph provides a wealth of information, including details such as the size of each of your resources, the number of requests, the loading behaviour, loading times and much much more!

So grab your wetsuit webpagetest report, as we dive in and show you how to interpret your Waterfall chart and uncover the clues it has to offer for improving the performance of your web site.

Read More

Hello SMX Paris !