node.js - 如何更好的优化我的网站？ (PageSpeed 见解)

Question

我正在尝试根据 PageSpeed Insights 的建议来优化我的网站。我的网站链接是Evant 。我对两个建议有疑问；首先是消除渲染阻塞 CSS。我尝试预加载其中一些，但事实证明，当我这样做时，CSS 没有正确加载，所以我决定让所有这些都同步加载。第二件事是关于浏览器缓存。我尝试了在网上看到的所有内容，例如添加 .htaccess 文件(我稍后会写下来)，但没有一个起作用。

文件目录结构:

.htaccess 文件:

<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>

Answer 1

推荐是什么意思？类似谷歌灯塔项目吗？

为了获得非阻塞 CSS，请内联编写入口模块的 CSS，而不是从捆绑文件中加载它。

对于缓存，最简单的解决方案是 Service-Workers。