PHP和AMP的結(jié)合:讓網(wǎng)頁更快速
PHP語言是網(wǎng)絡編程中非常重要的一環(huán)。它是一種服務器腳本語言,與HTML搭配使用便可以實現(xiàn)動態(tài)網(wǎng)頁應用。但是隨著移動互聯(lián)網(wǎng)時代的到來,網(wǎng)頁需要更快的加載速度,這就需要結(jié)合AMP(Accelerated Mobile Pages)來加速網(wǎng)頁的加載,提供更好的用戶體驗。
目前,Chrome瀏覽器已經(jīng)支持這個加速技術(shù),只需在鏈接后面加上“#development=1”就可以打開AMP模式,通過AMP HTML,AMP CSS和AMP JS可以快速加載網(wǎng)頁,最終使網(wǎng)頁加載速度提升到神速。
AMP主要使用了以下優(yōu)化技術(shù):
1.限制使用第三方JavaScript
AMP對外部JavaScript文件的使用做了限制,只允許使用AMP提供的JavaScript框架或內(nèi)聯(lián)JavaScript。這樣可以避免一些慢速的插件阻止頁面渲染,同時也提高了安全性。
舉例來說,我們在需要使用第三方JavaScript時,應該考慮使用AMP組件,如:amp-scripting,這個組件可以讓我們在不違反AMP準則的情況下使用本地庫和第三方腳本。
2.延遲代碼加載
在AMP中,可以使用標簽、標簽等延遲打開的元素進行代碼加載。這意味著頁面加載或接近初始展示之前,可以暫時不加載這些具有較高耗時的內(nèi)容。這樣,頁面不會條件反應,提高了平均展示速度。
下面是一個預加載圖片的例子,可以優(yōu)化加載速度。
3.最小化和緩存CSS
AMP強制做到最小化和緩存CSS,保證了樣式表的質(zhì)量。緩存CSS有兩種方式:使用Google AMP Cache 或 自定義緩存。在使用Google AMP Cache的情況下,CSS允許覆蓋,但不允許添加新的樣式,同時可以自由定制。自定義緩存提供了更大的自由度,但需要一些額外的努力。
下面是一個print樣式表的例子,將樣式表最小化:
4.優(yōu)化圖片
在AMP中圖片是一個重要的優(yōu)化點。以下是一些優(yōu)化圖片的技巧:
1) 壓縮圖片大小,通過在線工具或絕佳的算法來實現(xiàn);
2) 對圖片進行裁剪,只使用所需部分;
3) 使用矢量圖像, 可以減少文件大小和改善分辨率。
下面是一個使用自定義大小、WebP格式的例子:
最后,雖然使用AMP能力更高的技術(shù)創(chuàng)造出更高效的網(wǎng)站,但需要注意網(wǎng)站頁面的API訪問。例如,使用session等機器敏感性,不能在AMP中使用。
綜上所述,結(jié)合AMP技術(shù),能夠使網(wǎng)頁具有更快的加載速度,使訪問者的體驗更好。可以讓網(wǎng)站在移動設備上運行更加流暢,同時提高網(wǎng)站在移動搜索排名中的位置。當下許多網(wǎng)站都在使用AMP技術(shù),你還在等什么呢?下一篇php 初級入門