如何使用Google PageSpeed Insight来改善您的网页速度? – Eintegrity | Penang Web Design Agency | We Provide Responsive & Customize Design | Free Consultation
logo
We deliver websites fast, and once we’re done you’ll have full access to modify the look and content of your site.

Website Design

E-Commerce Solutions

Digital Marketing

Feel Free To contact Us
We're Happy to help.

info@eintegrity.my

8-4-5, Sunny Point, Jalan Batu Uban, 11700 Glugor, Penang

04 - 608 3073

如何使用Google PageSpeed Insight来改善您的网页速度?

penang web design

如何使用Google PageSpeed Insight来改善您的网页速度?

Google PageSpeed Insight 是一个由 Google 开发以用来评估网页的表现并且提供如何优化网页性能的提示。Google PageSpeed Insight 可以使用任何一个浏览器直接进入。当您输入网址 (URL) 进 Google PageSpeed Insight 时,Google PageSpeed Insight 将会评估您的网页从1到100分里面,然后再根据分数给与3个类别:

快:网页所加载的速度分布于前三分之一的位置

中等: 网页所加载的速度分布于中间三分之一的位置

慢: 网页所加载的速度分布于后三分之一的位置

Google PageSpeed Insight 的评分

对于 Google PageSpeed Insight 的评分中可以优化的空间

在 Google PageSpeed Insight 中,它将评估网页的两方面的性能:

1)首屏加载的时间:当访客打开您的网页的时候从浏览器显示出首屏所需用到的时间

2)完整页面加载的时间: 当访客打开您的网页的时候从浏览器显示出完整页面所需用到的时间

从 Google PageSpeed Insight 里你能从里面知道需要优化什么呢?

Google PageSpeed Insight 的优化建议

1)图片资源的格式

在一个网页里面占用网页资源最多的是图片资源。当你的图片资源的格式不适当的话会造成加载图片的时间增加并且延迟了你的首屏与完整页面加载的时间。但是如果要在保证图片质量不变的情况下,就必须使用高压缩率的图片格式。图片格式按照着优先级来选择来改善您的网站的话就是 webp > jpeg > png > bmp。

2)延后载入画面外的图片

当您的网站拥有大量的图片时,访客到来的时候如果没有延后载入画面外的图片将会在访客进入网站的瞬间加载所有的图片从而延迟了首屏加载的时间。使用延后载入画面外的图片时,访客达到图片所在的位置时才开始加载图片。这样可以减少首屏加载的时间。

3)减少 CSS 和 Javascript 的使用量

当您的网站拥有许多的 CSS 与 Javascript 的时候,将会导致访客来到您的网站的时候HTTP请求大量增加然后延迟首屏与完整网页的加载时间。在您的网站的 CSS 和 Javascript 里有时候可能也会包括了完全没用到的 CSS 和 Javascript ,所以当你把这些移除掉的时候可以大大的提伸您的网页或网站的速度。

结论

Google PageSpeed Insight 是一个非常实用的工具,如果你想查看你的网站的速度并从里面知道您的网页需要优化的地方都可以使用它。最后如果你喜欢这篇文章,或你想要拥有一个完善的网页,你可以到我们的网站Facebook 看看,亦或者你可以通过 04 – 608 3073 来联络我们。我们拥有一个非常专业的团队,我们会聆听你的要求,然后建造一个为你量身定做的网站。

Share