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

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


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


Step2

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


Step3

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


Step4

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


Step5

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