解决Google PageSpeed Insights“清除前几行内容中的禁止转译 JavaScript 和 CSS”

当网页制作好后,有不少朋友,会利用Google所提供的检测平台,来检查网站的评分,同时Google也会贴心的提示,那边需修正以及要如何来修正,虽然上面写得都是中文,但总是让人有看没有懂,而梅干也不是分数控,当检测出来后,有遇到问题是比较严重的,梅干就会开着手进行优化,而先前梅干也分享了,图片优化的技巧,让网页的中的图片能符合它的规范。

而今天要来分享的是“清除前几行内容中的禁止转译 JavaScript 和 CSS”的问题,相信这个应该是大家常出现的问题,同时梅干也经常的被询问到,所以梅干也花了点时间,与朋友讨论与实测后,终于明白要如何来修正这个问题,其实这个问题并不难解,而是需要改变一下网页的写作方法,至于要怎来作修正,现在就一块来看看吧!

当检测完毕后,在可能的**化做法中,就会看到“清除前几行内容中的禁止转译 JavaScript 和 CSS”的项目,接着再点下方的显示修正问题的做法。

这时就会显示相关需优化的档案,而这个问题,可能与平常大家写作的认知有所不同,以往大家会习惯把CSS变成一只独立档,然后再用连结的方式,而当采外连时,则会造成网页在读取中产生延迟,所以比较好的作法是,将主要的CSS直接写在页面中,而页面的则是采用javascript异步的方式载入,所以先从外连的主档试试看。

在梅干的网页中,theme.min.css为主要的CSS样式档,因此先把原来的外连删掉。

接着再把theme.min.css中的样式,直接贴到网页中,并储存起来,再把原来的档案覆盖过去。

这时再重新检测,就会发现刚的theme.min.css不见了,而剩下的档案,可采用javascript的方式载入,或是将css的码都嵌入网页中,就可解决此问题啦!因此想要修正让网页读取更顺畅的朋友,不妨可调整看看啰!