How to improve my landing page speed made by Pagefly?

Solved

How to improve my landing page speed made by Pagefly?

LeviRussel
Tourist
7 0 6

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 😞

LeviRussel_0-1640141608640.png

this is the score on desktop, it's high! I love it

LeviRussel_1-1640142177018.png

but on mobile, it's very low 😞 and we have many customers shopping on mobile

LeviRussel_2-1640142207858.png

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.

 

 

Accepted Solutions (2)

PageFly-Victor
Shopify Partner
7865 1786 3108

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!

View solution in original post

PageFly-Victor
Shopify Partner
7865 1786 3108

This is an accepted solution.

Replies 11 (11)

HanahDubi
Tourist
5 0 2

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?

PageFly-Victor
Shopify Partner
7865 1786 3108

This is an accepted solution.

Hi @HanahDubi 

you can check this template Olivia

oreoorbitz
Shopify Partner
261 31 132

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.

Available for pagespeed consulting
https://www.upwork.com/freelancers/~01a19b6cd90193f4f6?viewMode=1&s=1017484851352698949

DavidHN1989
Tourist
4 0 1

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? 

banned

oscprofessional
Shopify Partner
16116 2409 3126

Hi @LeviRussel ,

 

Please Share you store url.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: [email protected] | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

Klorsh
Visitor
2 0 2

@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?

LeviRussel
Tourist
7 0 6

No I don't have too much because I just promote 2 products are on sale @Klorsh 

DanielWesley
Tourist
7 1 0

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.

PageFly-Victor
Shopify Partner
7865 1786 3108

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!

LeviRussel
Tourist
7 0 6

thanks Pagefly for your full explanation!

MS_WEB_DESIGNER
Shopify Partner
695 52 135

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 

banned