APIs & Integrations

Sameer
Teilnehmer/-in | Platinum Partner
Teilnehmer/-in | Platinum Partner

Increasing Page Speed

We have fixed the entire problem for increasing the page speed on our website, using the recommendations from Google’s page speed insight tool. Is there any tool for Hubspot website to detect and suggest fixes to solve the page speed issue?

Website URL is: https://www.applandinc.com/

Thanks.

Best

0 Upvotes
12 Antworten
wmflan39
Mitwirkender/Mitwirkende

Increasing Page Speed

Sameer,
I have made use of sprites extensively on my websites (https://www.ambrell.com). I used wearekiss dot com/spritepad to assemble the collective image from the individual images and to create the style sheet. The css file must then be placed on your COS ‘Coded’ files folder and attached to the specific page where the sprites will be used [Edit > Settings > Page-specific Stylesheets > search for your saved stylesheet]. Then all your ‘sprite’ [image] tags must indicate class=“whatever” for each sprite, no href URLs; see your css file for these bits.
Drawbacks: since all the sprites are really background images, you can’t append Alt tags, so SEO tools will see multiple [image] tags without Alt tags.

0 Upvotes
Sameer
Teilnehmer/-in | Platinum Partner
Teilnehmer/-in | Platinum Partner

Increasing Page Speed

Hi @everyone,

I had CSS spriting on this page (https://www.applandinc.com/solutions/e-learning-platform-solution-app-distribution) but there were no changes in the page.
Please let me know I am doing right way for CSS sprinting.

0 Upvotes
Sameer
Teilnehmer/-in | Platinum Partner
Teilnehmer/-in | Platinum Partner

Increasing Page Speed

Hi @boulter,

I searched for CSS spriting, I got a site (http://www.spritecow.com/) reference by google from which I solved this problem. I removed the image and put the CSS class and put the “Spriting code” in CSS stylesheet, then it is working.
Is it the right way to do this?

Thanks.

0 Upvotes
boulter
HubSpot-Produktteam
HubSpot-Produktteam

Increasing Page Speed

Hi sameer, there’s nothing specific to HubSpot that needs to be done to use CSS spriting. I suggest looking up some tutorials on Google and uploading the sprited image to File Manger and the CSS to Design Manager.

0 Upvotes
Sameer
Teilnehmer/-in | Platinum Partner
Teilnehmer/-in | Platinum Partner

Increasing Page Speed

Hi @boulter, Can you please provide me a link, In which I can see and do this.
Thanks

0 Upvotes
Sameer
Teilnehmer/-in | Platinum Partner
Teilnehmer/-in | Platinum Partner

Increasing Page Speed

Hi @dharmesh

One more follow-up question - Please let me know, can we do CSS spriting in HubSpot-hosted sites?

Thanks.

0 Upvotes
Sameer
Teilnehmer/-in | Platinum Partner
Teilnehmer/-in | Platinum Partner

Increasing Page Speed

Hi @dharmesh

Thank you for your time.

A follow-up question - Do COS HubSpot-hosted sites serve images through CDN.

Thanks.

0 Upvotes
boulter
HubSpot-Produktteam
HubSpot-Produktteam

Increasing Page Speed

Yes, we do serve images, CSS, JS and pages through a global CDN.

You can certainly use CSS spriting and other performance techniques as you have full access to write JS and CSS code.

Sameer
Teilnehmer/-in | Platinum Partner
Teilnehmer/-in | Platinum Partner

Increasing Page Speed

Hi @boulter

Thank you for your time.
I tried to make CSS-spriting, but it is not working, can you please tell me any guide that I can use for Page Optimization on HubSpot-hosted sites.

0 Upvotes
Sameer
Teilnehmer/-in | Platinum Partner
Teilnehmer/-in | Platinum Partner

Increasing Page Speed

Hi @boulter

Kindly let me know, how to do it?

Thanks

0 Upvotes
dharmesh
HubSpot-Produktteam
HubSpot-Produktteam

Increasing Page Speed

I don’t think we have a tool specifically for page speed on HubSpot-hosted sites, but pretty much any external page speed testing/analysis tool should work.

We have Website Grader (http://websitegrader.com), but it provides higher-level advice and recommendations (not page speed).

Co-founder/CTO, HubSpot
0 Upvotes
Sameer
Teilnehmer/-in | Platinum Partner
Teilnehmer/-in | Platinum Partner

Increasing Page Speed

Thank you for giving your time. :slight_smile:

0 Upvotes