DNA
(Digital Network Agency)
June 12, 2023, 12:07pm
2
Hi Firart, taking a look there are lot of HTTP requests to Vimeo causing your site to be slow you can lazy load them and use the code embed offered by Viemo to do so. Here is a similar issue to yours which may of help!
I haven’t had time to fully research a JS solution, but this is a relatively quick and simple solution for Chrome and improves the scores you’ll get via lighthouse.
So, it’s now possible to simply add:
loading="lazy"
To an iframe and some browsers will instantly support lazy loading these.
Despite what Can I use states, Firefox does actually have the iframe lazy loading enabled, as outlined here by Mozilla—which clearly states iframes are supported.
To add this simple attribute to the…
1 Like
Hmm, I tried it but it seems like it actually lowered the score but it should’ve improved it… Interesting.
DNA
(Digital Network Agency)
June 12, 2023, 12:42pm
4
Hmm it did go up on my end from 28 to 48 however still bad can I ask what is this for as this request has a huge payload (500kb) according to Gmetrix and also have you tried to host the video internally?
This 500KB CRM’s embed form I think comes with its own JS.
By the way, I am only concerned about mobile. The desktop is good.
Any ideas?
Maybe I can just cancel videos on mobile?
webdev
(Jeff Selser)
June 12, 2023, 1:23pm
7
The most performant approach is to use lightboxes for videos. Exactly as is done on youtube and vimeo themselves.
DNA
(Digital Network Agency)
June 12, 2023, 1:27pm
8
Yeap so checking around Jeff is correct also youd want re-arrange your form embed into the footer so it loads last and then use interactions and indexes to rearrange hope you get to the bottom of it and have linked a similar issue down below and stuff you can also look into
Google PageSpeed Insights gives the homepage on my new site a rating of 5 out of 100: https://developers.google.com/speed/pagespeed/insights/?url=miamijazzbands.com
In contrast to the uploaded site (whether on Siteground’s servers or Webflow’s staging server), when toggling preview in Webflow, the page loads smoothly and instantly.
Webflow user Mike Yevin suggested that “It looks like the lower score issue comes from the video usage on the page (multiple videos that all appear to be loading th…
Hey, Webflow developers,
Today I want to share some tips to maximize your Webflow site performance and impress your users with lightning page load and blazing interactions.
When you start working on the new site, the site speed is rarely on top of your mind. However, when the design and content are finalized, the question of site performance becomes acute.
How to measure speed and performance
Google uses the tool Lighthouse to measure and report on the PSI site the following metrics of the w…
Lightbox solved the issue. Now can I also load the form JS on button click? or shall I add the form to the footer?
Thank you everyone!
I was thinking if I can load the form JS (500KB) on button click?
1 Like
Can I get a quote for a full lighthouse optimization for my site?
DNA
(Digital Network Agency)
June 13, 2023, 1:50pm
12
Hi Firat, so to answer your question about on button click you’ll need to use JS custom code to achieve that a good example would be this
https://preview.webflow.com/preview/finsweetwebflowhacks?utm_medium=preview_link&utm_source=showcase&utm_content=finsweetwebflowhacks&preview=9759b36acb60289794bf1a40158fc1e6&pageId=5fa2e0d8b22b339dd8ca74de
and what do you mean about the quote, would you want an audit of your site?
Hi Firat,
I can improve the page speed performance score for Mobile and desktop as max as possible at Google page speed insights.
https://pagespeed.web.dev/analysis/https-getcameracrew-com-hire-camera-operator-amsterdam-netherlands/k3urjxs9by?hl=en_GB&form_factor=mobile
I am expert in website speed optimization and done it many times.
Let me know if you are interested ?
Thanks
Amit
Hey Amit Yes I am interested. Send me DM
Hi Firat,
So, can we start the work?
Thanks
I think I figured it out thank you!