9 articles tagged performance.
The Tailwind CDN is perfect for prototyping, but not for production. Learn how to use the Tailwind CLI to generate a minimal CSS bundle containing only the classes your site actually uses.
While bundling up a recent side project for launch, I had to generate favicons for the project. A simple side project, the favicon was basically just an emoji. Rather than generating a bunch of png and ico files, could I just use the emoji directly?
Ollama is a great tool for running local LLMs. However, if you're using an older AMD graphics card in Ubuntu, it may not be making best use of your resources! Find out how to speed up your local LLMs running through Ollama.
Learn to seamlessly integrate YouTube videos with sleek icons and optimised loading techniques. Discover best practices for faster, smoother video integrations!
Lazy loading of images helps to radically speed up initial page load. Rich site designs often call for background images, which can't be lazily loaded in the same way. How can we keep our designs, while optimising for a fast initial load?
How can we best showcase a portrait image in an application designed for landscape images? TV news has the answer! With a small bit of CSS, we can achieve an eye-catching "blurred background" effect.
Fonts are one of the largest resources on any page after images, and can have a big impact on CLS when they vary in size from the underlying system font. Font subsetting allows us to radically shrink font file sizes, speed up initial page loads, and improve our page speed scores.
Responsive ads are a great way to maximise publisher revenue from display ads. Not knowing the size of the ad to be served in advance can have a big impact on Cumulative Layout Shift (CLS), and, ultimately, Google rankings. How do we maximise revenue while minimising CLS impact?
Core Web Vitals are a series of metrics which attempt to put an objective measure on web page performance. They cover the speed of site loading, the way the page jumps around while loading assets, and how quickly a page can be used by a visitor. In short, they attempt to quantify how fast a page "feels". These metrics will be used in the Google rankings for a page, so what are the common optimisations we can make to ensure our pages score well?