利用这 6 个方法有效提升网站的打开速度

2018-10-2814:03:33 29 554 人看过

Google 早在 2010 年就已经声明网站打开速度是 Google 排名算法考虑的因素之一。去年百度 10 月公布的“闪电算法”也表明首屏加载时间将直接影响搜索排名。网站打开速度越快,越容易得到搜索引擎的青睐。更重要的是,网站的打开速度直接影响用户的浏览体验。网站打开速度越快,留给用户的第一印象越好。

利用这 6 个方法有效提升网站的打开速度

 

关于网站测速的方法,可以使用《网站优化:常用的网站测速工具推荐》这篇文章里面的工具。下面我们将围绕网站的打开速度,总结几个常用的速度优化技巧。

 

一、图片优化

精美清晰的图片,尤其是产品图片可以提高用户的浏览体验,提高网站的转化率,但是另外一方面你需要警惕的是,高清晰度的图片,文件大小必然比较大,如果只是追求图片质量而忽略了图片文件过大影响到网站加载速度,就得不偿失了。再精美的产品图片,如果连展示给用户的机会都没有,也就无所谓精美不精美了。

考虑到图片的大小可能占页面总大小的 60%以上,因此网站图片的优化,是网站速度优化的重中之重了。在网站图片的格式上,优先推荐使用 jpg 格式的图片,在同样文件大小的情况下,jpg 格式的图片清晰度是最好的。

在图片上传之前,一定要清楚你的图片尺寸在多少像素是合适的。如果主题说明文档里面没有相关的说明,可以自行先做几张不同尺寸的图片上传到网站看下,哪个尺寸的图片效果更好。如果 800800 的图片和 10001000 的图片在效果上并没有太大的差别的话,果断使用 800*800 的。

再次,在规划好产品图片的尺寸之后,在图片上传之前,一定要用无损压缩工具对你的图片压缩一下。推荐的图片在线压缩工具:https://tinypng.com/

利用这 6 个方法有效提升网站的打开速度

 

二、减少插件的使用,及时删除不使用的插件

安装过多的插件会让你的网站变的臃肿不堪。因为大部分的插件功能的实现需要额外的 JavaScript 和 CSS 文件来支撑,也就意味着,你安装的插件越多,用户在打开你的网站的时候,需要下载的 JavaScript 文件和 CSS 文件也就越多,直接导致你的网站打开速度变慢。所以可以使用纯代码实现的功能,尽量不要使用插件,对于不使用的插件,要及时删除。

 

三、浏览器缓存和懒加载

为什么要使用浏览器缓存呢?因为浏览器缓存是最靠近用户的缓存,启用缓存后,用户在访问同一个页面时,将不再从服务器下载页面,而是从本机的缓存目录中读取页面,然后在浏览器中展现,减轻频繁访问数据而给数据库带来的压力,从而达到网站加速的效果。常用的浏览器缓存插件有:WP Super Cache、WP Rocket、W3 Total Cache 等等。

图片延迟加载,又叫懒加载。懒加载就是等到让图片出现在浏览器中的窗口的时候再去加载该图片资源。这样避免网页在同一时间加载过多资源导致页面卡顿,从而直接提升网页打开速度。懒加载插件推荐:Lazy Load。

 

四、使用 CDN 加速

相信站长对 CDN 都不会陌生,CDN(内容分发网络)简单来说,就是将我们网站的静态资源缓存到不同的地区的服务器节点上,当用户访问我们的网站时,直接从离用户最近的服务器节点加载网页。避免了远程加载的延时,从而提升页面的打开速度。国内使用比较多的有阿里云 CDN、腾讯云 CDN、七牛云 CDN、又拍云 CDN 等等。

 

五、启用 Gzip 压缩

Gzip 开启以后,会将输出到用户浏览器的数据进行压缩的处理,这样就会减小通过网络传输的数据量,从而提高浏览的速度!下面这三个工具,能检查你的网站是否开启了压缩?压缩了多少?如果没有开启,建议开启 Gzip 进行压缩:

https://checkgzipcompression.com

https://www.giftofspeed.com/gzip-test/

http://www.gidnetwork.com/tools/gzip-test.php

 

六、减少 HTTP 的请求

合并脚本和 CSS 文件,使他们归为一个地方,或者缓存图片,都可以减少对 HTTP 请求。

weinxin
博客小程序【一起行动派】
欢迎访问行动派博客小程序,小程序和博客同步更新,查看内容更加方便!
Action

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:29   其中:访客  16   博主  13

    • avatar boke112导航 4

      6个方法都很实用,也很有必要

        • avatar 简单梁 Admin

          @boke112导航 嗯嗯,提升打开速度,使用体验会更好。

        • avatar 李毅 4

          博主,感谢分享。

            • avatar 简单梁 Admin

              @李毅 感谢来访。

            • avatar 火星五号趣闻 3

              精彩,很详细的一篇文章。我说来点个广告,居然没有。哈哈,良心站长啊。

              • avatar Jane博客 3

                我的图片优化做的不是很好

                  • avatar 简单梁 Admin

                    @Jane博客 哈哈,太谦虚了,每次打开你的首页都是秒开。

                  • avatar 子午书屋 2

                    gzip还是不错的

                      • avatar 简单梁 Admin

                        @子午书屋 嗯嗯,可以网页传输的体积更小。

                      • avatar 火星五号趣闻 3

                        已转载,https://www.lingxipai.com/speed-up-wordpress-website-to-improve-seo/

                        • avatar 找果树 1

                          博主分享的都是实用的内容哈哈

                          • avatar 阿里云 0

                            很实用的方法 基本都用到过
                            感谢分享

                              • avatar 简单梁 Admin

                                @阿里云 这些方法比较常用。

                              • avatar 购物秀 1

                                我做到了第二和第五,其他不会折腾。

                                  • avatar 简单梁 Admin

                                    @购物秀 具体情况具体分析吧,Z-blog已经很轻量了,不像wordpress那么臃肿,感觉不用怎么折腾也快。

                                  • avatar 姜辰 1

                                    = =、这些我都再用,还不错。

                                      • avatar 简单梁 Admin

                                        @姜辰 嗯嗯,我自己也在用,感觉还是有效果的。

                                      • avatar 男装品牌 1

                                        文章不错支持一下

                                        • avatar 官仁有话说 0

                                          我都直接转战Coding和github了~~速度一般般,勉强用

                                          • avatar zhzj.com 1

                                            so good!谢谢

                                            • avatar Zenlee 1

                                              据说服务器开启Memcached功能也很有用

                                                • avatar Action Admin

                                                  @Zenlee Memcached不会呀。应该不常用吧,怎么没怎么听说过? :smile:

                                                    • avatar Zenlee 1

                                                      @Action 一个内存缓存技术,我的是宝塔上直接安装的

                                                  • avatar 林三 2

                                                    我是林三啊,为啥发言后,我的信息就变成了boke112的了,而且还没有修改权限,是中毒了么?
                                                    再次表态,预祝元旦快乐~ linsanhu.com

                                                      • avatar Action Admin

                                                        @林三 应该是缓存的问题,现在信息已更正。以前没遇到过这个问题,还要找找原因,感谢提醒。