当网页制作好后,有不少朋友,会利用 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 的码都嵌入网页中,就可解决此问题啦!因此想要修正让网页读取更顺畅的朋友,不妨可调整看看啰!