• 梦想还是要有的,万一实现了呢...
  • 区块链论坛整装待发...

WordPress网站性能优化 SEO优化 在线检测分析打开速度

WordPress Vetrue 8个月前 (04-12) 532次浏览 1个评论 二维码链接
文章目录[隐藏]

现在流行的说法都是百度谷歌开始抛弃打开速度慢的网站了,但是对于网站速度的问题,影响因素有很多的,但是一个网站的性能问题却是绝对的,一般来说网站打开速度快的网站性能不一定好,但是网站性能比较好的网站速度也不会差到哪里去,今天借助我的友链的一个网站,来分类剖析网站性能优化的那些问题。

前言

打开 gtmetrix

规则


看上图,网站性能根据排序,分为 A/B/C/D/E/F,A 最好,后面的反之,因为是来自加拿大的测试服务器,所以加载时间这些我们不看,没有参考价值,我们主要看 pagespeed 和 yslow 这两个标签,下面的推荐项目,分数,类别,优先级,下面我们具体的分析下这个网站的问题。

PageSpeed 分析

我们先来看一下 PageSpeed 的具体分析报告,看下图

下面开始具体的每条进行分析和解决。

Enable gzip compression

这个意思是需要启用 Gzip 压缩,减少从服务器发送的文件的大小,以增加传输到浏览器的速度。

如何检查自己的网站有木有进行 gzip 压缩,可以使用下面这个网站试试:
站长之家网页 GZIP 压缩检查

Leverage browser caching

这个就是开启浏览器缓存,我们都知道缓存一般分为服务器端缓存和客户端缓存【也就是浏览器缓存】,用户打开一次我们的网站就会从我们的服务器下载若干静态资源,我们应该让下载到客户浏览器缓存里面的文件继续使用,不需要压力重复从服务器里面下载文件。

解决办法也很简单,只需要在服务器 htaccess 文件里面添加下面代码

  • Apache
## 文件缓存 ##
<FilesMatch ".(html|gif|jpg|jpeg|png|ico|js|css)$">
Header set Cache-Control "max-age=2592000"
</FilesMatch>
  • Nginx
#图片缓存 30 天
location ~  \.(jpg|png|jpeg|gif|ico)$ {
      expires 30d;
 }
#js css 缓存一小时
location ~ \.(js|css)$ {
      expires 1h;
}

当然,JS 和图片如果储存在 CDN 了就不用设置了

Optimize images

这个项目很简单,就是优化图片而已,一般是 jpg 和 png 图片,如果你不会优化的直接点击右侧的 optimized version,可以直接下载压缩版本的。

Tips:关于图片压缩,有很多的解决办法

  • ①:使用本地的图片压缩软件(如 Antelope)批量压缩之后再上传

  • ②:安装图片优化插件 (如 re sumsh it)

Specify image dimensions

给图片指定尺寸,简单说就是省去浏览器的麻烦,就是说如果你给一个图片指定了尺寸,浏览器就会直接按照你指定的去显示图片,如果没有指定的话,浏览器回去自己检查图片尺寸,然后根据实际情况再显示图片,这个无形之中就是增加了浏览器的负担,毕竟浏览器的主要任务是渲染整个页面。
.

Minify JavaScript

压缩 js 文件,这个很好理解,很多 js 教程教你怎么使用的时候,给你的经常是未压缩版本,主要是为了方便给你二次开发的,但是你开发完毕投入使用的时候,请注意要进行压缩一下,方形,正常的压缩是不影响使用的,比如 jQuery 就是的。

下面推荐个 js 压缩工具,当然,你压缩完一个文件之后要检测下相关功能是否受到影响。
JS 在线压缩

Specify a cache validator

设定一个缓存验证,有的插件或者主题会使用.css.php 或者 js.php 动态的加载静态文件,这个就导致浏览器没发正确的获得缓存验证

Minify CSS

压缩 css,这个道理和上面的压缩 js 一样的,压缩无用代码,减少文件大小,加快加载嘛
同样的,我们也可以使用在线工具去压缩,这里推荐个:
在线压缩 CSS

Remove query strings from static resources

移除静态文件的查询符,简单的说就是静态文件的链接里面不能带有问号的,问题不大没设置也无妨

Enable Keep-Alive

启用 HTTP Keep-Alive 或 HTTP 持久连接允许相同的 TCP 连接发送和接收多个 HTTP 请求,从而减少后续请求的延迟。打个比方吧,你从卧室版一堆东西到客厅,是没开一次门都关上,还是搬完东西再关门?

Defer parsing of JavaScript

Yslow 分析

雅虎的 Yslow 分析成绩也是挺惨的,但是问题比较集中

Add Expires headers

给静态文件添加过期头,其实这个问题和之前说过的浏览器缓存是一个道理的,也可以直接使用上面的代码

Make fewer HTTP requests

减少 http 请求,简单说将一些不必要单独存在,经常是一起运行的静态文件合并到一起

js 请求有 20 个,css 请求有 9 个,不要忘了,还有若干图片请求。。。。。。

Use a Content Delivery Network (CDN)

这是让你使用 cdn 的 ,根据自己情况,特别是像国内阿里云腾讯一样的默认只给 1M 带宽的,你懂的!

Use cookie-free domains

简单说就是使用一些不带 cookie 的域名来专门做静态文件的传输,其实上还是 CDN 的问题,解决了 CDN 也就解决了这个。

Reduce the number of DOM elements

减少 DOM 元素的数量,这里没有好的办法,只能从 WordPress 主题下手了,这个需要你有一定的技术了。


Vetrue , 版权所有丨如未注明 , 均为原创丨转载请注明原文链接
原文标题:WordPress 网站性能优化 SEO 优化 在线检测分析打开速度
原文链接:https://vetrue.com/article/109.html
喜欢 (2)
发表我的评论
取消评论
表情 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(1)个小伙伴在吐槽
  1. 签到成功!签到时间:2018-04-15 11:40:45,每日打卡,生活更精彩哦~
    Vetrue2018-04-15 11:41 回复