Here are some ways of identifying these codes, When you uninstall these app they no longer have access to API to remove these code, so these codes are permanently left over in your theme liquid files. Lot of apps install code directly into theme.liquid file to load their code faster instead of using Shopify suggested script tag or theme app extensions. Because not all technical guys know exactly what to do and you will need to work with him until he actually improves the load speed. Though this is a a lot of technical work and you almost CANNOT do it without technical background, but understanding what needs to be done is important. Minify HTML code: Add this code into theme.liquid file to minify HTML Ĭoncat CSS files and minify all of them and load inline inside tagĬoncat JS files and minify and async load at the bottom of the page (before tag)Īdd font-display: swap into all external fonts If your store has not install any app you can comment code in theme.liquid (not recommended if you don't have a knowledge about the liquid) Use img srcset instead of src to get 2 versions of image, 1 for retina screen and 1 for non-retinaĬheck assets folder of the theme and remove unused CSS and JS file Install lazysize script ( ) and update image source in the themeĬheck the container size (wrap the image and crop the image as the same as container size) Note: Don't follow this without technical background, I suggest you give this to your technical specialist. But if you have knowledge about JavaScript, here are some of the things I did to make my store 99 in Google Page Speed Insights. ![]() ![]() This shouldn't be something you do by following some online instruction. I think optimizing load speed is a long story and would require a lot of technical knowledge.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |