Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hi, I use Pagefly app to build my Christmas landing page and I use google page speed insight to check the speed, the score is low 😞
this is the score on desktop, it's high! I love it
but on mobile, it's very low 😞 and we have many customers shopping on mobile
Actually I'm not sure if i use Pagefly for my landing page and it causes the low speed or not. Can anyone tell me the reasons and solutions..?? Thank you a lot! I appreciate.
Solved! Go to the solution
This is an accepted solution.
Hi @LeviRussel
This is PageFly - Advanced Page Builder app.
As we discussed via Live chat, these are the following reasons that cause the low speed:
1. Image Size:
Serve images that are appropriately sized to save cellular data and improve load time, you need to optimize image sizes before uploading
=> Convert your images to a next-gen format
The only downside of these next-gen formats is browser support is not universal for them. Check out these links below to see the current browser support for each format.
Image formats such as JPEG 2000, JPEG XR, and WebP generally compress better than PNG or JPEG, which means faster downloads and less data consumption
2. Many DOM size or code from the theme you are using
3. Minify files
The best place to get started to reduce page load is to minimize HTML, CSS and JavaScript files. These files determine your site’s appearance – like the clothing and shoes that you wear – so it’s vital to run them through some quality filters.
Let’s start with reducing the size of each file and the total number of files. This task includes removing unnecessary formatting, whitespace and code.
4 Eliminate render-blocking resources
The most common render-blocking resources are JavaScript and CSS files that are located at the head of your web page. They load in the above-the-fold area (or the area that you normally see on a website before scrolling down to see the rest of the content) and they are a part of the critical rendering path used by a web browser.
5. Defer unused CSS
To defer unused CSS, you can remove unused rules from stylesheets to reduce unnecessary bytes consumed by network activity.
I notice that your store has some code from other third-party apps, you can contact them for more details.
Prioritize above-the-fold content (lazy loading)
Sometimes, you can improve user experience by having your above-the-fold (top of the page) load faster — even if the rest of the page takes a few seconds to load. This is called lazy loading and is particularly helpful for pages with lots of content below the fold. PageFly does provide this in-app function so you can give it a try.
And finally, Don’t forget Google Indexing
To ensure Google crawls your page and recognizes the changes you’ve made, request indexing using Google Search Console for your website. The sooner Google indexes your site, the better. Speeding up your website may help your Search Engine Result Pages (SERPs).
If you feel my answer is helpful, like it or give it a thumb up. Let me know if you have any questions. Cheers!
This is an accepted solution.
wao, I don't know there is a big difference between mobile and desktop scores like this.
But looks like your landing page is nice, do you build all with Pagefly?
1. What's your site URL? We can't really give useful advice if we don't actually have information on the site's performance.
2.
What's your live user data say on mobile? Remember that your PSI score is a LAB SCORE, based on a GLOBAL AVERAGE, that global average includes people in rural india using xiaomi phones.
If your live user data performance is good, then your lab score isn't as important, though people say it effects SEO, no one knows the exact algorithim for how much your lab score matters.
Hey @LeviRussel, I am using the app too. Normally the main reason is because of the content size of the images. Btw, your store looks great. How can you create those font and the cool background images?
Hi @LeviRussel ,
Please Share you store url.
@LeviRussel really I'm just using free plan of pagefly. I created home page, product and collection pages, they are quite fast..
so I'm a little nervous... does your page have too many content?
Hi @LeviRussel ,
Thank you for your tool. That's what I want to ask too. I used this template from pagefly https://pagefly.io/pages/preview?template=christmas-sale-campaign
When I have not uploaded my images and video, it's smooth. However, when I replaced my content and my custom font, it's quite slow.
Now I can find some images I should optimize. I'm trying ImageOptim. Can you share any tools to optimize images?
Thank you and Merry Christmas, bro.
This is an accepted solution.
Hi @LeviRussel
This is PageFly - Advanced Page Builder app.
As we discussed via Live chat, these are the following reasons that cause the low speed:
1. Image Size:
Serve images that are appropriately sized to save cellular data and improve load time, you need to optimize image sizes before uploading
=> Convert your images to a next-gen format
The only downside of these next-gen formats is browser support is not universal for them. Check out these links below to see the current browser support for each format.
Image formats such as JPEG 2000, JPEG XR, and WebP generally compress better than PNG or JPEG, which means faster downloads and less data consumption
2. Many DOM size or code from the theme you are using
3. Minify files
The best place to get started to reduce page load is to minimize HTML, CSS and JavaScript files. These files determine your site’s appearance – like the clothing and shoes that you wear – so it’s vital to run them through some quality filters.
Let’s start with reducing the size of each file and the total number of files. This task includes removing unnecessary formatting, whitespace and code.
4 Eliminate render-blocking resources
The most common render-blocking resources are JavaScript and CSS files that are located at the head of your web page. They load in the above-the-fold area (or the area that you normally see on a website before scrolling down to see the rest of the content) and they are a part of the critical rendering path used by a web browser.
5. Defer unused CSS
To defer unused CSS, you can remove unused rules from stylesheets to reduce unnecessary bytes consumed by network activity.
I notice that your store has some code from other third-party apps, you can contact them for more details.
Prioritize above-the-fold content (lazy loading)
Sometimes, you can improve user experience by having your above-the-fold (top of the page) load faster — even if the rest of the page takes a few seconds to load. This is called lazy loading and is particularly helpful for pages with lots of content below the fold. PageFly does provide this in-app function so you can give it a try.
And finally, Don’t forget Google Indexing
To ensure Google crawls your page and recognizes the changes you’ve made, request indexing using Google Search Console for your website. The sooner Google indexes your site, the better. Speeding up your website may help your Search Engine Result Pages (SERPs).
If you feel my answer is helpful, like it or give it a thumb up. Let me know if you have any questions. Cheers!
thanks Pagefly for your full explanation!
Hi @LeviRussel
Welcome to the Shopify Community!
I am Alex From MS Web Designer (Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore ) I helped 1000+ Shopify Store owners to Optimize their website loading speed for both mobile and desktop and increase their conversion rate.
I will love to help you with some experts feedback here
- Kindly Provide your Store Url,
- Also Mention Which Shopify theme you are using
- How many Apps you are using?
Note: If your store is protected with ‘store Font password’ please Send it here or DM me.
If you have any concerns feel free to ask me!
Regards,
Alex
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024