Broadcast v6.2 has been released - Learn more about
What's new
Broadcast Documentation
NewSupport
Latest version
Latest version
  • About Broadcast
    • Broadcast theme documentation
    • Feature requests
  • Updates
    • What's new in Broadcast
      • Release Notes
      • About v6.2 release
      • About v6.1 release
      • About v6.0 release
      • About v5.8 release
      • About v5.7 release
      • About v5.6 release
      • About v5.5 release
      • About v5.4 release
      • About v5.3 release
      • About v5.2 release
      • About v5.1 release
      • About v5.0 release
      • About v4.0 release
  • Sections
    • Broadcast sections
      • Demo store sections
      • Accordion
        • Text column block
        • Image column block
        • Icon column block
        • Custom code block
        • Contact form block
      • Accordion group
        • Heading block
        • Question block
      • Before and After
        • Heading block
        • Subheading block
        • Text block
        • Button block
      • Blog posts
      • Collection list
        • Collection block
      • Collection list hover
        • Collection block
      • Countdown timer
        • Subheading block
        • Heading block
        • Text block
        • Buttons block
      • Contact form
        • Email block
        • Message block
        • Text line block
        • Text area block
        • Telephone block
        • Heading block
        • Spacer block
        • Single checkbox block
        • Select dropdown block
        • Radio buttons block
      • Custom code
      • Custom content
        • Image block
        • Text block
        • Newsletter block
        • Testimonial block
        • Product block
        • Video block
        • Collection block
        • Before and after block
      • Divider
      • Featured blog posts
        • Featured post block
      • Featured collection
      • Featured product
      • Highlights
        • Highlight block
      • Image banner
      • Image with scrolling text
      • Image with text
      • Image with text slider
      • Map
      • Multicolumn
      • Newsletter
      • Press logos
      • Products with image
      • Rich text
      • Rich text with columns
      • Scrolling text
      • Shop the look
      • Sidebar
      • Slideshow
      • Tab collections
      • Testimonials
      • Text columns with icons
      • Text columns with images
      • Text promo
      • Text with products
      • Timeline
      • Video
  • Theme settings
    • Theme settings
      • Colors
      • Typography
      • Buttons
      • Layout
      • Search
      • Social media
      • Product Grid
      • Product Form
      • Cart
  • Header
    • Announcement bar
      • Announcement bar settings
      • Free shipping message
      • Countdown timer
      • Text announcement
      • Custom code
      • Target settings
    • Header
      • Demo store header settings
      • Header section
      • Navigation images
      • Quantity indicators
      • Transparent header
      • Header icons
      • Social icons
      • Sticky header
      • Target settings
    • Toolbar
      • Header toolbar
      • Video walkthrough
    • Mobile menu
      • Getting started
      • Mobile menu blocks
  • Footer
    • Footer settings
    • Footer blocks
      • Link list
      • Newsletter
      • Social
      • Text
      • Page
  • Products
    • Product pages
      • Accordion section
      • Custom form field
      • FAQ Accordions
      • Final Sale
      • Free products
      • Low inventory message
      • Out-of-stock notification
      • Pre-order using metafields
      • Pre-order products using tags
      • Related products
      • Sale items
      • Settings and layout
      • Siblings
      • Size charts
      • Swatches (Updated)
      • Swatch collection styles
      • Tabs and accordions
      • Tab content using metafields
      • Unique image banners
      • Upselling
      • Variant images
  • Product Theme Blocks
    • Title
    • Price
    • Variant picker
    • Buy buttons
    • Siblings
    • Description
    • Upsell
    • Inventory countdown
    • Sharing
    • Local pickup
    • Text
    • Custom code
    • Icon
    • Divider
    • Line item property
    • Feature
    • Complementary products
    • Popup
  • Collections
    • Collection pages
      • Collection page settings
      • Swatch collection styles
      • Product badges
      • Product badges with metafields
      • Product filtering
      • Quick add
      • Sub-collections
      • Cutline second line
      • Featured image
  • Pages
    • Page templates
      • Demo store about page
      • Creating page templates
      • Page section
      • About page templates
  • Blogs
    • Blogs and articles
      • About blogs and articles
      • Featured posts
      • Article page
      • Product links in blog posts
      • Article theme blocks
  • Overlay
    • Popups
      • Popups Theme Blocks
      • Large newsletter
      • Text promo
      • Small newsletter
      • Cookie consent
      • Coupon codes
      • Popup Behavior and Target
  • Promotions
    • Upselling
      • Upselling with metafields
      • Upselling with tags
  • Siblings
    • Product siblings
      • About product siblings
      • How to setup siblings
      • Siblings metafields
      • Siblings color
      • Siblings collection
      • Siblings product setup
      • Siblings block
      • Customizations
  • FAQ
    • Frequently asked questions
      • How to update Broadcast
      • Default theme content
      • Share preview link
      • Hiding prices
      • How to use sections
      • Section blocks
      • How to remove Powered by Shopify
      • Improving the speed of your site
      • How to prevent your images from getting cropped
      • Check your theme version
      • CSS customizations
  • License
    • Theme license
  • Support
    • Contacting support
    • Hire a Shopify Expert
    • Missing Cart Drawer after Updating
Powered by GitBook
On this page
  • Why does it matter?
  • Major factors impacting performance
  • Apps have the most significant impact on your theme's performance
  • The importance of website content
  • Above the fold
  • Images
  • Links
  • Updating your theme
  • Shopify Speed Score
  • Understanding the limitations of the Shopify Speed Score
  • Speed score fluctuations
Export as PDF
  1. FAQ
  2. Frequently asked questions

Improving the speed of your site

Why does it matter?

Your website's loading speed affects your customers' shopping experience, your conversion rates, and your store's discoverability.

Major factors impacting performance

Various factors can affect the performance of your online store. These include the apps you have installed, your Shopify theme, the speed of your network, and the Shopify platform itself. To enhance your store's performance, it is essential to focus on some of the significant factors, such as Apps, content, and theme. This support article will provide insights on what actions you can take to improve your store's performance.

Apps have the most significant impact on your theme's performance

  • Each app adds its code to the theme, which takes time to execute

  • Uninstalled apps can leave code behind that slows down your theme

  • Code customizations should be carefully added since “quick fixes” from tutorials can solve a problem but increase thread work (e.g., adding jQuery reference, adding <style> code in the theme.liquid file, adding Javascript, particularly with <script> tags)

You can improve your website's performance by reducing the number of customer-facing apps, such as pop-ups and page builders, and increasing the number of back-end apps that connect to accounting or shipping services.

It's important to be cautious when removing apps from your store as some apps may make changes to your theme code, which can have an impact on your store's performance. Even if you uninstall the app, these changes may still remain in place. To effectively remove any leftover code, it's best to contact the app developer's support team for assistance.

The importance of website content

  • The larger a page is, the longer it takes for a page to load

  • Images, in particular, take longer to load than text or other types of content

  • Larger images take longer to load

  • Some sections, like videos (and, to a lesser degree, sliders), can quickly impact your page speed.

  • This doesn’t mean you should remove content from your site

  • Themes certainly impact your site’s speed, but they’re just one piece of the puzzle, regardless of where that report appears.

Above the fold

You can have a big impact by simplifying your content "above the fold," which means the content is immediately visible when your page loads. An example of simplifying this content would be to replace a slideshow with a single Image with a Text section.

Images

The theme you are using will automatically compress and optimize your images. You can upload high-quality, large images without worrying about the site's loading speed. The theme will automatically load the appropriate size image for each screen. For instance, mobile screens will get smaller images, while larger screens will get large images. The theme uses Shopify's compression algorithm, which adjusts its settings based on best practices. We advise against applying additional compression before uploading, as doing so can cause visible compression artifacts in the images without any increase in loading speed.

Links

To improve the loading speed of your website, it's important to reduce the number of unnecessary redirects. Redirects can cause an increase in the number of requests made by your site, which ultimately results in a slower load time. You can manage redirects by going to the Online Store > Navigation > URL Redirects section. Make sure to minimize the number of redirects as much as possible.

Next, you'll want to manually test your entire store for broken links (links that lead nowhere). This will improve page speed and customer experience.

Updating your theme

Keeping your theme updated with the latest version ensures that all the components, from script libraries to Shopify features to page speed-specific enhancements, are up to date. Every theme studio's support department will recommend that you start by updating your theme to the latest version.

If you have purchased your theme from the Shopify Theme Store and licensed it correctly, you can effortlessly update it by using Shopify's Update process. This process is safe and secure and copies your current theme settings and templates to a new version that is added to your drafts, unpublished section. It's important to note that the live theme will never be updated directly, so you don't have to worry about any changes being made to your live website without your knowledge or consent.

Shopify Speed Score

Understanding the limitations of the Shopify Speed Score

Reports are delayed by 1-3 days. The tool is not live or instant. After you make changes, an updated score can take up to three days to be reported.

Even though the speed report is positioned under the published theme, if you make changes to your store to improve speed or even switch the theme entirely, the speed report will not automatically update

“Similar store” is defined in a way such that it might not be “similar” to your store. Some metrics used are:

  • Number of sales to date

  • Gross sales

  • Number of products and variants

  • Types of products

  • Traffic

  • Apps installed

  • Theme used

Shopify-required code slows down your theme, and it can’t be removed:

{{ content_for_header }} Loads resource-heavy functionality through dynamic buttons, analytics, and other scripts.

Your speed score is a score -- if you’re concerned about speed, check its actual speed:

Speed score fluctuations

Additionally, the "Speed Score" can change over time without changing your theme, apps, or content. The reason is that the score is not a measurement of your store but rather your store compared to other stores. The criteria for this comparison aren't fully transparent yet, and the comparison can take days to formulate, so it's still very difficult to identify exactly what changes result in a higher or lower score.

PreviousHow to remove Powered by ShopifyNextHow to prevent your images from getting cropped

Shopify's Online Store Speed feature is displayed in the Themes area of your Online Store Admin and in greater depth within your Admin > Analytics. Here is Shopify's own .

is the best tool for checking your site speed. This is the best way to tell you if your site is slow or fast (3-5 seconds should be your benchmark for your home page). A free account is now required to view results.

Shopify's speed evaluation is based on Google's Lighthouse Web Developer Tools data. These scores fluctuate based on many factors, including internet traffic routing changes, testing on different devices, browser extensions, and antivirus software. Google has more information on their .

documentation on the Speed Score metric
GT Metrix
score variability here