Table Of Content

1. What is Preload?
2. Speed Up Your Shopify Page Loading
3. Image Using Preload
4. Preload Product Image Using Liquid Code
5. Preload for Webfont
6. Preload for CSS
7. Preload for Javascript

Preloading […]

Table Of Content

1. Site Speed Performance Analysis Tools
2. Render-Blocking Resource
3. Eliminating Render-Blocking CSS
4. Eliminating Render-Blocking JavaScript

Eliminate Render-Blocking Resources in Shopify

Table of Contents

1. Identification
2. What is font-face?
3. Leveraging Google Fonts
4. Benefits of Mastering Webfont Loading

Ensure Text Remains Visible During Webfont Load in Shopify

Frustrated […]

Table Of Content

1. Overview
2. Two types of image compression
3. How To Compress Images
4. Methods
5. Conclusion

Improve Shopify Performance With Image Compression

Overview

Table Of Content

1. Picture Tag

How to use Picture tag in Shopify

1. Picture tag : What about the < Picture > ?

Table Of Content

1. Site Speed Performance Analysis Tools
2. Properly Sized Images
3. How to Handle “Proper-Sized Images”
4. Utilizing the ‘srcset’ Attribute
5. Consideration of Aspect Ratio
6. The <Picture> tag
7. Incorporating Device Pixel Ratio (DPR)

[…]

Table Of Content

1. Faster Shopify Speeds
2. Understanding Browser Compatibility
3. Image Formats
4. Conclusion

Shopify Image Format: Optimize Your Shopify Store for Speed and Impact

[…]