日本語コミュニティーへようこそ!このチャンネルは現在ベータ版です。

詳細はこちらをご覧ください。

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 いいね!
12件の返信12
HubSpot製品開発チーム

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 いいね!
一般投稿者

Thank you for giving your time. :slight_smile:

返信
0 いいね!
一般投稿者

Hi @dharmesh

Thank you for your time.

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

Thanks.

返信
0 いいね!
Highlighted
HubSpot製品開発チーム

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.

一般投稿者

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 いいね!
一般投稿者

Hi @boulter

Kindly let me know, how to do it?

Thanks

返信
0 いいね!
一般投稿者

Hi @dharmesh

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

Thanks.

返信
0 いいね!
HubSpot製品開発チーム

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 いいね!
一般投稿者

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

返信
0 いいね!
一般投稿者

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 いいね!
一般投稿者

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 いいね!
常連投稿者

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 いいね!