14 documents tagged with “Optimisation”
Site speed optimisation is not a single magic trick. It is a set of small steps in the right places: images in modern formats, subset web fonts, server-side compression, caching, a CDN, deferred JavaScript. Each one on its own is a few milliseconds, but together they are the difference between green and red in Core Web Vitals.
The articles below cover just about everything we do for clients at PageSpeed.ONE: from front-end tweaks to backend optimisation, all the way to advanced techniques like Speculation Rules or the back/forward cache. Start with the bottleneck you see in your metric and work outward.
AVIF Images: Up to 40% Data Savings Compared to WebP
The AVIF format offers even better compression than WebP. Let’s explore when it makes sense to use it and how to implement fallback for older browsers.
CLS: How to Maintain Element Heights (Images, JS Components, iframes…)
Discover why and how to ensure dimensions for elements like <img>, <iframe>, or JavaScript components that are asynchronously inserted into a page, using HTML or CSS.
How to Speed Up Your Shoptet E-shop: Specific Advice and Common Mistakes
Shoptet is fast, unless you slow it down. We show you how to optimize speed: what harms, what helps, and how to keep an eye on your e-shop.
Image Optimization: When Milliseconds Make or Break Between Kilobytes and Pixels
Even mere mortals can tame their images and make them work for you, not against you. Just use WebP or AVIF, compress well, and remember lazy loading.
INP Metric: 7 Tips for Optimisation
INP is not the easiest metric to optimise, so we have selected the most common issues and solutions from our experience.
Lazy Loading Images: A Comprehensive Guide to Improving LCP
Lazy loading images and other elements is recommended as one of the fundamental yet highly effective methods for optimizing page load speed. We suggest conservatively deferring the loading of all images outside the first viewport. Be cautious when applying lazy loading to images that are LCP elements, as this can actually worsen speed.
Optimising CLS Metrics
Let’s explore how to avoid CLS issues and how to fix them if they occur.
Optimising the DOM
A large and inefficient page structure (Document Object Model, or DOM) can significantly slow down your website and negatively impact Core Web Vitals metrics. Keeping it reasonably sized and highly efficient is crucial for the overall technical performance of your project and will affect interaction response speeds (INP metric).
Optimising the LCP Metric
Let us explore the challenges you might face with the Largest Contentful Paint (LCP) metric and how to optimise it effectively.
Optimising Vue.js and Nuxt.js: Tips and Tricks
Enhance your Vue.js website's speed with SSR, lazy loading, and other tips. Better performance means happier users and increased conversions.
Optimising WordPress Speed: 6+1 Tips to Please Google and Your Visitors
Website speed is not just a cosmetic detail – it is a crucial factor influencing the success of your online business. A sluggish WordPress site is often due to poor plugin choices, bloated themes, or a lack of knowledge about speed optimisation.
Speed Optimisation: How to Help on the Backend?
The backend plays a crucial role in web speed optimisation, as proper code and server optimisation can eliminate delays often caused by request processing and content delivery.
Web Font Optimization: 6 Steps to Speed Up Your Site
The world of web fonts is much like a beauty salon – we all want the best, but we’re not always willing to wait while the stylist finishes their work. And your visitors? They’re particularly impatient.
WebP Images: How to Save Precious Kilobytes
Web loading speed is often a matter of seconds. The WebP image format could be your secret weapon to save kilobytes and achieve optimal performance.