Tag: performance

Discover five techniques to lazy load images for better website performance. Learn how to add lazy loading in HTML, JavaScript, and on scroll.

We dig into key pain points that slow a WooCommerce site, and how to optimize your WooCommerce site to boost performance and conversions.

Learn how to identify bottlenecks and use memoization, lazy loading, virtualization, and more to create highly performant React applications.

Learn how AppSignal makes application performance monitoring easy for your Ruby, Elixir, Node.js, frontend JavaScript, and Python projects.

Learn how to maximize web app efficiency by harnessing prefetching, memoization, concurrent fetching, and lazy loading techniques.

You've built a website, but how well does it perform for your end users? Learn how to use Lighthouse to get crucial answers to this question.

The Performance API offers a way to measure website and app speed. Learn how to use it on actual devices used by real people in different locations.

Core Web Vitals are Google's metrics for evaluating real-world web performance. Learn how to optimize for Core Web Vitals and improve both UX and SEO.

Image optimization affects site performance, and here we cover some standard approaches to image optimization and explore advanced image processing options.

Browser DevTools have evolved from basic JavaScript consoles to fully-integrated development and debugging environments. We'll explore their features.

Web performance is a hot topic. Users expect fast, OS-like application performance. Craig Buckler explains how to do as little DOM blocking possible, and covers options for when long-running tasks can’t be avoided.

Having a fast site is important for your visitors and search results. How do you achieve that? Adrian Try lists the steps that will make a difference.

Craig Buckler discusses 20 ways to optimize your CSS so that it’s faster-loading, easier to work with and more efficient, covering analysis tools, CDNs, HTTP/2, CSS3, animations and transitions, fonts, concatenation and minifying, build tools, flexbox, grid, SVG, critical CSS, and more.

Tonino Jankov covers the background, performance benefits and current implementations of the HTTP/2 protocol.

Ahmed Boucherfra provides an in-depth guide to making use of the performance-related tools within Firefox's developer tools.

Image Resizing: Bruno Škvorc shows how to modify a multi-image gallery blog to serve resized versions of images depending on the size of the viewport.

Tonino discusses ways to tune server performance with Varnish Cache, covering how it works, and its features, setup, monitoring and administration.

Ahmed Bouchefra offers an in-depth exploration of the features of the Chrome DevTools for measuring performance and debugging your web applications.

Bruno Škvorc shows how to implement Varnish as an additional caching layer, along with the Cloudflare CDN, to increase an app's GTMetrix score dramatically.

Tonino Jankov shows how to optimize on-the-fly thumbnail generation, reducing request time from 28 to 0.7 seconds with Nginx and pm-static.

Zoran Antolović explains what background processing is, why it's important, and how to set it up with Beanstalkd and Supervisor.

Tonino Jankov shows how to use Pingdom, YSlow and GTmetrix to improve performance on an image gallery blog running on Nginx.

Claudio Ribeiro shows how you can use explain and indexes to spot and remedy possible performance issues with your database before they strike.

Bruno applies Blackfire to a freshly started project to identify PHP performance bottlenecks, establishing a process of continuous performance testing.

After setting up and organizing files for a Symfony Flex project, Zoran populates the database with data to test application performance.

Ivan Čurić covers the basics of CSS parsing, how to measure CSS selector performance, and how to deal with multiple render passing on dynamic pages.

Zoran covers the basics of setting up and organizing files for a Symfony Flex project, including tips, tricks and helper scripts to speed up development.

Maria Antonietta Perna presents tips for optimizing JavaScript animation performance and achieving the 60fps target for smooth motion on the web.

Tonino Jankov introduces techniques to improve Apache and Nginx web server performance, explaining the theory behind those techniques.

Tonino Jankov introduces Cloudflare, a website performance and security service, explaining how it works and how to get started using it.