A summary of the Hugo performance optimization series. From images through CSS and JavaScript to server configuration. A collection of proven techniques that reduced my site’s transfer by 98% and raised the Lighthouse score to 98/100.
Learn how to add bundling and fingerprinting in Hugo. Cut the number of requests by at least 50%, enable safe caching, and stop dealing with users running outdated code.
Site performance isn’t just about file weight, it is also about how those files are delivered. In this article, I analyze the impact of fragmented CSS files on loading times in Hugo and demonstrate the optimization process: from minification configuration and bundling to a caching strategy (fingerprinting) that eliminates unnecessary network requests.
Images are often the main performance bottleneck. In this post, I show how to use Hugo Image Processing to reduce page size by 98% (from 15 MB to 350 KB). Learn how to automate WebP conversion, implement Responsive Images, and improve Core Web Vitals without manual editing.