Website loading speed optimization

Increase the website loading speed to 93+ points on Google PageSpeed Insights for desktops and mobile devices, and reduce loading time to less than 1 second.
Website: servis-chlazeni-praha.cz

Required actions:

1. Image optimization:

   • Compress images without losing quality (use WebP or AVIF formats).
   • Ensure that image sizes match their display on the site (for example, do not upload large images for small blocks).
   • Set up lazy-loading for all images so that they load only when they enter the visible area of the screen.

2. Code optimization:

   • Minimize CSS, JavaScript, and HTML files (remove unnecessary spaces, comments, and redundant lines of code).
   • Combine CSS and JavaScript files (if possible) to reduce the number of HTTP requests.
   • Move render-blocking JavaScript to the end of the page.
   • Use asynchronous loading for external scripts.

3. Enabling caching:

   • Set up browser caching for all static resources (CSS, JS, images).
   • Set cache headers with a long expiration time (for example, 1 year for static files).

4. Data compression:

   • Enable Gzip or Brotli compression for all text resources (HTML, CSS, JS).

5. CDN (Content Delivery Network) setup:

   • Connect the site to a CDN (for example, Cloudflare, BunnyCDN) to speed up content loading from the nearest servers.

6. Font optimization:

   • Replace unused characters in web fonts with a subset to reduce file sizes.
   • Set up lazy-loading for fonts, and use font-display: swap to prevent text display delays.

7. Assessment and correction of server settings:

   • Check server response time (TTFB) and optimize hosting settings (for example, enable server-side caching).
   • If using WordPress or another CMS, install and configure a caching plugin (for example, WP Rocket, LiteSpeed Cache).

8. Removal of unnecessary plugins (if applicable):

   • Conduct an audit of installed plugins and remove those that are not used or significantly slow down the site.

9. Analysis and resolution of rendering errors:

   • Check the site through Google PageSpeed Insights and GTmetrix, resolve identified issues.
     
     
     

   • Result requirements:

     1. Loading speed:

        • At least 93 points in Google PageSpeed Insights on desktops and mobile devices.
        • Fully Loaded Time in GTmetrix no more than 1-2 seconds.

     2. Reports:

        • Provide before and after screenshots from Google PageSpeed Insights and GTmetrix.
        • Provide a list of completed changes.

     3. Stable website operation:

        • Ensure that after optimization all functional elements of the site work correctly.