Advance Website Speedy Optimization For Shopify?

Posted on 2023-03-07 Updated on 2023-03-24

To install advanced parameters on your website, follow these steps:

Note: Adding parameters to Wix and other platforms is not feasible because of the limitations imposed by the platform

Parameters 1 Setup Instructions:

Step 1: Go to Shopify Admin > Online Store > Themes.

Step 2: Find your theme and click on "Edit code".

Step 3: Open the "theme.liquid" file.

Step 4: Search <link and add the script when the first link tag ends in the head tag..

Parameters 2 Setup instructions:

Step 1: Go to Page Speed Insight and analyze your website.

Step 2: Find the "Reduce unused JavaScript" section and locate an internal script ending with "shopify.com".

Step 3: Open the URLs and copy the URL between "/...?" or after the last "/ till dot".

Step 4: Go to Shopify Admin > Online Store > Themes.

Step 5: Find your theme and click on "Edit code"..

Step 6: Open the "theme.liquid" file.

Step 7: Search for the URL you copied.

Step 8: Replace the type="text/javascript" with type="lazyloadscript" or add type="lazyloadscript" after [removed]

Step 9: Save changes and check if your website is working properly. If not, delete the code.

Parameters 3 Setup instructions:

Step 1: Go to Page Speed Insight and analyze your website.

Step 2: Find the "Reduce unused JavaScript" section and locate an external script, such as GTM, YouTube, Vimeo, or FB. If not available, proceed to step 5.

Step 3: Open the URLs and copy the URL between "/...?" or after the last "/ till dot"

Step 4: Go to Shopify Admin > Online Store > Themes.

Step 5: Find your theme and click on "Edit code"

Step 6: Open the "theme.liquid" file.

Step 7: Replace the src with data-src

Step 8: Save and enjoy the website speedy!

Parameters 4 Setup instructions:

Step 1: Go to Page Speed Insight and analyze your website.

Step 2: Find the "Reduce unused CSS" section and locate an external script ending with "otherdomain.com". If not available, proceed to step 6.

Step 3: Open the URLs and copy the URL between "/...?" or after the last "/ till dot.

Step 4: Go to Shopify Admin > Online Store > Themes.

Step 5: Find your theme and click on "Edit code".

Step 6: Open the "theme.liquid" file.

Step 7: Search for the URL you copied.

Step 8: Change "href" to "data-href".

Step 9: Save changes. If your website is not working properly, delete the code.

Parameters 5 Setup instructions:

Step 1: Go to Page Speed Insight & Analyse your website.

Step 2: Find “Defer offscreen images”

Step 3: Open the URLs and copy the URL between "/...?" or after the last "/ till dot"

Step 4: View the page source and find under which class or id it is falling

Step 5: Go to Shopify Admin > Online Store > Themes.

Step 6: Find your theme and click on "Edit code".

Step 7: Open the "theme.liquid" file.

Step 8: Search for the copied URL and add "loading="lazy".

Step 9: Save and enjoy the website speedy!

Parameters 6 Setup instructions:

Step 1: Go to Page Speed Insight and analyze your website.

Step 2: Find the "Eliminate render-blocking resources" & look for CSS-causing errors.

Step 3: Open the URLs and copy the URL between "/...?" or after the last "/ till dot"

Step 4: Go to Shopify Admin > Online Store > Themes.

Step 5: Find your theme and click on "Edit code"

Step 6: Open the "theme.liquid" file.

Step 7: Search for the copied URL and add this script: media="print" onload="this.onload=null;this.removeAttribute('media');"

Step 8: Click save & check your website and Page Speed Insight to see if the error is resolved.

Step 9: If not resolved, try changing rel="stylesheet" to rel="preload" for the CSS file.

Step 10: Click save & check Page Speed Insight again.

Step 11: If still not, delete this script: media="print" onload="this.onload=null;this.removeAttribute('media');"

Step 12: Click save & check page speed insight to see if the error is resolved now. If not, then ignore this step.

Parameters 7 Setup instructions:

Step 1: Go to Page Speed Insight and analyze your website.

Step 2: Find the "Eliminate render-blocking resources" & look for javascript-causing errors.

Step 3: Open the URLs and copy the URL between "/...?" or after the last "/ till dot".

Step 4: Go to Shopify Admin > Online Store > Themes.

Step 5: Find your theme and click on "Edit code"

Step 6: Open the "theme.liquid" file..

Step 7: Search for the copied URL and add defer

Step 8: Click save & check your website to see if the website is working fine.

Step 9: If not, then delete defer

Step 10: Save and enjoy the website speedy!

Parameters 8 Setup instructions:

Step 1: Go to Page Speed Insight and analyze your website.

Step 2: Find the "Eliminate render-blocking resources" & look for CSS related to font..

Step 3: Open the URLs and copy the URL between "/...?" or after the last "/ till dot".

Step 4: Go to Shopify Admin > Online Store > Themes.

Step 5: Find your theme and click on "Edit code".

Step 6: Open the "theme.liquid" file.

Step 7: Search for the copied URL and add &display=swap

Step 8: Click save & check Page Speed Insight to see if the error is resolved.

Step 9: If not resolved, try changing rel="stylesheet" to rel="preload" for the CSS file..

Step 10: Save and enjoy the website speedy!

Found this article helpful?

[ 2 Out of 3 Found Helpful ]

no-luck

Still no luck? we can help!

Submit a ticket and we’ll get back to you as soon as possible.