进行了网站速度测试 - "Leverage browser caching" 是什么？

Question

我刚刚用 Pingdom 工具在我的个人网站 https://qpl.dk/ 上进行了测试，性能等级还不错，加载时间在 1 秒左右，几乎完美。

我的问题是我在利用浏览器缓存方面获得了 2 级，我不知道这意味着什么。

当我展开 "Leverage browser caching" 时说：

以下可缓存资源的新鲜度较短。为以下资源指定至少一周后到期：

https://qpl.dk/wp-content/themes/bridge/css/img/pixel-video.png
https://qpl.dk/wp-content/themes/bridge/style.css
https://qpl.dk/wp-content/uploads/2018/01/914202_10200952332788770_187547271_o-1-400x400.jpg
https://qpl.dk/wp-content/uploads/2018/01/Realistic-Retina-Macbook-Pro-Mockup-Vol.3-Anthony-Boyd.jpg
https://qpl.dk/wp-content/uploads/2018/01/efb_mockup-min-1.png
https://qpl.dk/wp-content/uploads/2018/01/macbook-juice.jpg
https://qpl.dk/wp-content/uploads/2018/01/q-footer-logo.png
https://qpl.dk/wp-content/uploads/2018/01/q_letter_logo_dark.png
https://qpl.dk/wp-content/uploads/2018/01/q_letter_logo_white.png
https://qpl.dk/wp-content/uploads/2018/01/q_logo_white.png
https://www.googletagmanager.com/gtag/js?id=UA-112909659-1
https://maps.googleapis.com/maps/api/js?ver=4.9.4
https://www.google-analytics.com/analytics.js
https://fonts.googleapis.com/css?family=Lato%3A400%2C700&ver=4.9.4
https://fonts.googleapis.com/css?family=Raleway ... 0,900,300italic,400italic&subset=latin,latin-ext

这是什么意思？

提前致谢！

Answer 1

首先，快速加载时间值得称赞。浏览器缓存会记住浏览器已经加载的资源。因此，当访问者转到您网站上的另一个页面时，所有必要的文件（如 CSS、徽标等）都不必再次加载。 Leveraging 意味着您指示浏览器应如何处理其资源。

列出的文件需要有一个到期日期，这意味着这些文件将被保存的时间，之后它们将被刷新到实际（可能是新的，如果你已经更新）版本.

您所要做的就是访问服务器上的 .htaccess 文件，并添加此代码，这将帮助您：

#This code leverages your caching#
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/x-icon "access 1 year"
ExpiresByType application/javascript "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresDefault "access 1 month"
</IfModule>
#This code ends here#

1 年？ 您可能想知道。这些文件，我强调，不会每天甚至每周更改。当然，您可以将持续时间更改为更多或更少，但我不喜欢低于 1 个月或超过 1 年。随心所欲。

还有很多插件可以为您执行此操作（只需在 Wordpress 插件搜索中查看 "leverage cache"），但我建议您自己输入代码。

还有一些文件供您继续阅读：

https://www.cloudways.com/blog/optimize-wordpress-page-load-time-by-browser-cache-leverage/

https://gtmetrix.com/leverage-browser-caching.html

进行了网站速度测试 - "Leverage browser caching" 是什么？

Took a website speed test - What does "Leverage browser caching"?

wordpress

pagespeed