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?
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.
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?
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.
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.
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).