Site Speed

[digital1]

I am finding on my end is that our site speed is very bad, we are hosted on teh HubSpot CMS. I've tried the image compressions and it didnt really improve anything,. on GT metrics there are some ways to improve our site speed beyond the changes I've already made (such as browser caching). 

looking for specialists that would be able to provide further assistance on the caching recommendation seen in the GTmetrix performance report. ( or any other help to improve speed) 

I also saw that HubSpot is supposed to help with some of the issues: https://www.hubspot.com/products/marketing/content-management-system/site-speed

[ZSEOLearner]

Struggling with speed on your HubSpot CMS site and Shopify store?  Our Shopify development agency is here to optimize your online performance! From HubSpot tweaks to Shopify magic, we specialize in speeding up e-commerce experiences. Reach out for expert assistance in caching and beyond!  

[MTv333]

If you want custom metrics and many others to display the data your searching out, Databox can hit an API call restriction from HubSpot, finishing with faulty facts on show. At gift there is no answer, besides to establish a question database between Hubspot and Databox as you can see this page... For that reason including some other shifting element.

[jmclaren]

Hey all, i know this is an old post just want to make sure folks know we have a guide to optimizing CMS Hub websites. https://developers.hubspot.com/docs/cms/guides/speed

Additionally when it comes to lazy loading, we've been adding tools to make it easier than ever to do browser based lazy loading.
https://developers.hubspot.com/docs/cms/guides/speed/lazy-loading

[krishangtechn]

@digital1 ,

I have check did you add lazyload js? I think it will make fast loading speed.

Thanks,

Ramesh

Krishang Technolab

[Anonymous]

Hi there, 

After reviewing the linked GT Metrix file and looking closer at your site, the top things you can do to improve your PageSpeed score and get up to an A rating:

1 - Create a CSS powered image sprite for the logo images for the tv providers (this could turn 15 single calls to images into one single call)

2 - The main logo and the child with ipad: those images are being reduced in size in the code, updating the source files to be the width/height of how they are displayed would reduce loading time by about 80% on those two images.

3 - Upgrade jquery to 1.11

4 - Combine JS files into a single global JS file wherever possible (some JS may still be page specific). In addition to combining, compress the files.

5 - Async JS if possible (this needs thorough testing in order to verify it does not create any front end functionality issues)

6 - Locally host google fonts 

7 - Combine and compress CSS files

8 - Move any inline CSS/JS into standalone files, include in the global files where possible.

9 - Sit back and enjoy the 'A' PageSpeed score 🙂 

Hope that helps!

--
Bryan Schneidewind
Manager of Web Development
Weidert Group

[stefen]

@digital1 usually, the lowest hanging fruit on a website are videos and images. By implementing lazy loading to this media it will dramatically increase the page speed.

The second most common issue is having javascript libraries loaded in the head instead of in the footer. Moving javascript to the footer will help with the inital paint. 

[digital1]

Thanks for this. 

Seeing on how our site is on the HubSpot CMS, is lazy loading an option for us? Do you provide help implenenting changes like lazy loads and putting scritps into the footer?

[digital1]

@stefen Seeing on how our site is on the HubSpot CMS, is lazy loading an option for us? Do you provide help implenenting changes like lazy loads and putting scritps into the footer?

[stefen]

@digital1 definitely an option! The easiest way to implement lazy loading is by editing the HTML/HubL image markup in your custom modules/templates and adding the attribute loading='lazy' e.g.: 

<img src="example.jpg" loading="lazy">

Then, you can also check that all your javascript files are being loaded in the footer including the jQuery library (in your portal's website page settings). You have to be careful when doing this so that the order of scripts stays the same otherwise you'll get "this thing is not a function" type errors.

Those two things alone should give the site a good boost.