Question

如何删除渲染阻止JavaScript并修复此问题？

我没有使用任何CMS。我只使用静态HTML。

将我的网页网址提交至Google PageSpeed Insights时，会收到以下警告：

Remove render-blocking JavaScript:

http://www.mxxxxx.com/scripts/custom.js
http://www.mxxxxx.com/js/jqueryui.min.js
http://www.mxxxxx.com/scripts/jquery
http://www.mxxxxx.com/scripts/jqueryui

Optimize CSS Delivery of the following:

http://www.mxxxx.com/styles/style1.css
http://www.mxxxx.com/styles/framework.css
http://fonts.googleapis.com/…,700italic,800italic,400,300,600,700,800
http://fonts.googleapis.com/…,400italic,600italic,700italic,900italic
http://fonts.googleapis.com/css?family=Lato:400,700,900
http://fonts.googleapis.com/…00,500italic,700,700italic,900italic,900
http://fonts.googleapis.com/…?family=Signika+Negative:300,400,600,700
http://www.mxxxx.com/styles/owl.theme.css[need fix[\]\[1\]][1]

以下是实际错误页面的屏幕截图：

https://i.stack.imgur.com/Y9FJn.png

Answer 1

我写了一篇文章，一步一步地向您展示了Pagespeed得分为100：https://www.storyblok.com/tp/how-to-get-pagespeed-100

可能最耗时的任务是识别上面的折叠CSS并在头部区域内联它们。在关闭html标记之后或使用与https://github.com/filamentgroup/loadCSS的异步方法

时，您可以包含以下折叠CSS和字体

您可以轻松地将html文件放在html文档的末尾。在关闭身体标签之前。但我会将它们合并为一个以减少http请求。

Answer 2

添加过期标题

我们在.htaccess文件中定义了Expires Headers。这是一个隐藏文件，通常位于您网站的根目录中（通过FTP）。在编辑htaccess文件进行备份之前，这始终是最佳做法！

更多详情： - https://gtmetrix.com/add-expires-headers.html

PageSpeed Insights在我的网站中检测渲染阻止JS和CSS。我该如何解决这个问题？

2 个答案: