我做了很多網絡性能優化工作,通常在項目中(顯然)並非每個人都與開發與生產環境處於同一頁面上。如何縮小多個/混合文件類型
我工作的大多數項目都使用HTML,CSS和JS,但很多時候涉及到的HTML在PHP模板(主要是HTML)中。
哪些PHP minifiers(如果有的話)可以正常工作在主要是HTML的文件上,哪些JS和CSS minifiers會產生對開發者友好但濃縮的代碼(例如,在保留註釋的同時在一行上有每條規則的CSS文件,但刪除空格)。
由於易於運行不同的任務,我目前使用Grunt和大部分的'contrib'插件,但在簡單連接和完全連接和縮小之間似乎沒有多大的區別(即一行中的所有代碼)。
是否有任何提供中間立場和/或可處理混合文件類型的工具(即PHP文件主要包含HTML或包含.htm(l)
文件擴展名的PHP文件)?
我沒有看到js/css文件的問題。你有開發文件和運行Grunt來縮小它們,同時保持原始的文件再次執行。您在應用程序中使用縮小的文件。就像LESS工作一樣。您不包括.less文件,但使用輸出的CSS。 – user555
我的主要關注點是可讀性。我通常在生產代碼上工作(我不認爲他們正在使用預處理器),完全縮小的代碼很難瀏覽和丟失文件和外部分號之間的中斷。雖然我喜歡使用Uglify並生成源地圖,但我知道如何將DevTools與這些技術結合使用,但我不能假定每個人都這麼做,所以我想找到一箇中間地帶的方法。 –
恕我直言,不理解「jQuery.js」和「jQuery.min.js」之間鏈接的人不應觸碰產品代碼。發送到客戶端的生產代碼不應包含註釋,調試符號等。您可能無法找到所需的工具。縮小與可讀性無關,其中一個是源代碼。在過去,我已經使用PHP對js和css進行了「按需」縮小的實驗。在發送給客戶端的文件之前,他們被PHP腳本縮小了。也許這可能是一條值得追求的道路? – user555