如何更好地优化我的网站？ （PageSpeed Insights）

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。