今天分享云落一个优化wordpress实例,博主取下可在htaccess键入代码就能优化的部分,希望对一些同博主一样使用虚拟主机的网友。

浏览器缓存

浏览器缓存就是用户打开一次我们的网站就会从我们的服务器下载若干静态资源,我们应该让下载到客户浏览器缓存里面的文件继续使用,不需要压力重复从服务器里面下载文件。

## 文件缓存 ##
<FilesMatch ".(html|gif|jpg|jpeg|png|ico|js|css)$">
Header set Cache-Control "max-age=2592000"
</FilesMatch>

缓存验证

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

<IfModule mod_headers.c>
    <FilesMatch ".(php)$">
        Header set Last-Modified "Tue, 31 Aug 2018 00:00:00 GMT"
    </FilesMatch>
</IfModule>
是不是可以压缩的,问题不大没设置也无妨
<IfModule mod_headers.c>
  <FilesMatch ".(js|css|xml|gz|html)$">
     Header append Vary: Accept-Encoding
   </FilesMatch>
</IfModule>
启用 HTTP Keep-Alive 或 HTTP 持久连接允许相同的 TCP 连接发送和接收多个 HTTP 请求,从而减少后续请求的延迟。打个比方吧,你从卧室版一堆东西到客厅,是每开一次门都关上,还是搬完东西再关门?其实很好理解的!
<ifModule mod_headers.c>
Header set Connection keep-alive
</ifModule>

静态文件添加过期头

<IfModule mod_expires.c>
# Enable expirations
ExpiresActive On 
# Default directive
ExpiresDefault "access plus 1 month"
# My favicon
ExpiresByType image/x-icon "access plus 1 year"
# Images
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
# CSS
ExpiresByType text/css "access plus 1 month"
# Javascript
ExpiresByType application/javascript "access plus 1 year"
</IfModule>

结语

博主网站就是按照这个优化,如果您使用的是wordpress,请点击 进去乐趣公园教程优化。

云落网站 https://gitcafe.net

流量卡推广
Last modification:March 16, 2020