close
♣梅問題‧教學網【Minwt】♣ |
解決Google PageSpeed Insights「清除前幾行內容中的禁止轉譯 JavaScript 和 CSS」 Posted: 14 Jun 2017 12:00 PM PDT ![]() Step1 當檢測完畢後,在可能的最佳化做法中,就會看到「清除前幾行內容中的禁止轉譯 JavaScript 和 CSS」的項目,接著再點下方的顯示修正問題的做法。 ![]() Step2 這時就會顯示相關需優化的檔案,而這個問題,可能與平常大家寫作的認知有所不同,以往大家會習慣把CSS變成一隻獨立檔,然後再用連結的方式,而當採外連時,則會造成網頁在讀取中產生延遲,所以比較好的作法是,將主要的CSS直接寫在頁面中,而頁面的則是採用javascript非同步的方式載入,所以先從外連的主檔試試看。 ![]() Step3 在梅干的網頁中,theme.min.css為主要的CSS樣式檔,因此先把原來的外連刪掉。 ![]() Step4 接著再把theme.min.css中的樣式,直接貼到網頁中,並儲存起來,再把原來的檔案覆蓋過去。 ![]() Step5 這時再重新檢測,就會發現剛的theme.min.css不見了,而剩下的檔案,可採用javascript的方式載入,或是將css的碼都嵌入網頁中,就可解決此問題啦!因此想要修正讓網頁讀取更順暢的朋友,不妨可調整看看囉! ![]() |
You are subscribed to email updates from 梅問題.教學網. To stop receiving these emails, you may unsubscribe now. |
Email delivery powered by Google |
Google Inc., 1600 Amphitheatre Parkway, Mountain View, CA 94043, United States |
全站熱搜