Resize images automatically with Fasterize

Resizing image web performance

With images taking up ever more space on our webpages, it is ever more crucial to keep their weight to a minimum, especially on mobile. According to HTTP Archive, the average webpage displays approximately 1 MB of images (median), and the images on a page account for almost half of the total weight of the page.

Once you have inevitably compressed it, how do you serve an image in the right dimensions for different screen sizes? In the wake of our predictions in favour of srcset, we decided to set ourselves a new webperf challenge: resizing images!

Read More

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

Address Brotli compression easily with Fasterize

The faster a site is (that’s our core business) the better web user engagement it gets. And there are plenty of solutions to accelerate a website! Reducing page size as far as possible is one of the most effective ways – and the most obvious. Essentially, the fewer bytes that the browser has to download, the faster the site is. And so, one sensible solution involves optimizing the raw size of the JavaScript and CSS code by minifying them, as well as using a more effective compression algorithm.

Read More

Early-Hint: how to preload non-cacheable assets from a page

Maybe you’ve already heard people talking about Early Hint? Or perhaps the HTTP 103 code? This feature, which is currently being standardized by the W3C, can be used to preload page resources even before receiving the first byte of content. Unfortunately, currently, HTTP 103 is very rarely used by browsers, despite the benefits it offers in terms of loading speed. To address this, our technical team has developed an optimization that allows our customers to preload a non-cacheable page’s resources – we’d like to introduce you to Early Hint!

Read More

Traffic Limiter: enable an overflow page in case of traffic spike

When you’re holding Sales promotions or on Black Friday/Cyber Monday, or any trafic peak or laod peak period, an overflow page – or traffic easing system – allows you to define a maximum number of active sessions to keep your servers up and running, thus minimizing the loss of potential customers. This feature, which we call Traffic Limiter on our platform, is available for all our users, and is easy to enable from the dashboard.

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

Insight: compare your website’s speed with and without Fasterize

Have you heard about Insight, the Fasterize solution that allows you to analyse rapidly and for free the speed of your website? Thanks to Insight, you could be taking the first step towards the optimization of your web performance: a preliminary diagnosis which is essential to make your website faster, improve the user experience and thus generate more business. Here's how and why you should use it without moderation.

Read More

Smart image optimizations to boost your web site loading speed

Image compression - Web Performance

It is often difficult to get the right trade-off between image quality and loading speed.
The ideal solution would be for each image to be adapted on a user-by-user basis: be that clipping it perfectly to the user's device screen, stripping metadata of any unnecessary information or, of course, ensuring that it is displayed with optimum image quality. But achieving this soon becomes something of a black art.

What are the techniques, best practices, best libraries and best algorithms for image compression? An overview of the image optimizations you can take advantage of with our engine, for light and fast pages, and a better user experience regardless of the browser and screen size.

Read More

Hello SMX Paris !