百度很早之前就開始提出要整改美化百度推廣的落地頁，例如不能出現(xiàn)彈窗和違規(guī)浮層，不能有違規(guī)廣告等。今天，米可來和大家說說落地頁性能優(yōu)化的技巧。

　　在講落地頁性能優(yōu)化前，我們先來了解百度推廣落地頁是怎樣的。我們從幾個關(guān)鍵點來解釋下在我們的肉眼看到落地頁的內(nèi)容呈現(xiàn)(display)之前，到底發(fā)生了什么。

　　首先是網(wǎng)站域名的作用，域名是上網(wǎng)單位的名稱，是一個通過計算機(jī)登上網(wǎng)絡(luò)的單位在該網(wǎng)中的地址。一個公司如果希望在網(wǎng)絡(luò)上建立自己的主頁，就必須取得一個域名，域名也是由若干部分組成，包括數(shù)字和字母。某種意義上來說，域名就是IP地址的“面具”，因為域名主體可以是有意義的單詞或拼音，可以讓IP地址變得更加地好記和好認(rèn)，通常情況下域名是越短越好的，但也不排除有個別奇葩域名。

　　人們習(xí)慣記憶域名，但機(jī)器間互相只認(rèn)IP地址，域名與IP地址之間是多對一的關(guān)系，一個IP地址不一定只對應(yīng)一個域名，但一個域名只可以對應(yīng)一個IP地址，它們之間的轉(zhuǎn)換工作就稱為域名解析(DNS解析)，域名解析需要由專門的域名解析服務(wù)器來完成，目的就是為了把域名和IP地址連接起來，整個過程是自動進(jìn)行的。

　　當(dāng)你的網(wǎng)站制作完成后上傳到你的虛擬主機(jī)時，你可以直接在瀏覽器中輸入IP地址瀏覽你的網(wǎng)站，也可以輸入域名查詢你的網(wǎng)站，雖然得出的內(nèi)容是一樣的但是調(diào)用的過程不一樣，輸入IP地址是直接從主機(jī)上調(diào)用內(nèi)容，輸入域名是通過域名解析服務(wù)器指向?qū)?yīng)的主機(jī)的IP地址，再從主機(jī)調(diào)用網(wǎng)站的內(nèi)容。

　　而這個調(diào)用網(wǎng)站內(nèi)容的請求需要目標(biāo)服務(wù)期進(jìn)行處理，在處理完成之后，將內(nèi)容返回給瀏覽器，經(jīng)過渲染(從模型生成圖像的過程)之后才能真正地顯示給用戶。

　　這所有的一系列過程都是我們看到網(wǎng)站內(nèi)容之前發(fā)生的，而這一過程的時間當(dāng)然是越短越好，畢竟：

　　一旦網(wǎng)站打開的速度過慢，對于用戶體驗的傷害自然是極大的。

　　而且對于大型的網(wǎng)站，過慢的加載時間會直接導(dǎo)致真金白銀的經(jīng)濟(jì)損失，亞馬遜就曾經(jīng)說過：

　　既然網(wǎng)站的打開速度如此的重要，那么我們要如何去查看網(wǎng)站的這一重要性能指標(biāo)呢?當(dāng)然有辦法，最簡單的方式就是使用類似Ptengine這樣的工具，例如在Ptengine的數(shù)據(jù)中心的右下角，就能夠非常直接了當(dāng)?shù)乜吹揭欢螘r間的網(wǎng)站頁面平均加載時間，通常情況下這個平均加載時間是毫秒級的：

　　例如這個例子中的平均加載時間就是508毫秒，那么這段時間是不是很短呢?其實也不算非常短，因為人眨一次眼睛的時間大概是300毫秒，所以500多毫秒是要長過”眨眼間“的速度的，已經(jīng)是數(shù)據(jù)肉眼能夠感知的了，而且還有一點就是：

　　顯示時間是一個不嚴(yán)謹(jǐn)?shù)母拍?，大致就是我們?nèi)庋劭吹骄W(wǎng)頁內(nèi)容的時間，而這個時間通常是要比加載時間更長的，所以很多小伙伴為了更好地衡量落地頁的打開速度，開始去尋找和衡量更多的頁面打開速度相關(guān)的指標(biāo)。

　　這里給大家介紹除加載時間之外的其他指標(biāo)，第一個就是：

　　關(guān)鍵幀時間和肉眼看到網(wǎng)頁內(nèi)容的時間非常接近，這個時間最好不要超過5秒，除了關(guān)鍵幀時間之外，還有：

　　首字節(jié)時間就需要更短了，因為它比較靠前，所以最好在200毫秒以內(nèi)，還有：

　　開始渲染時間最好不要超過2秒。最后一個是：

　　資源請求數(shù)最好不要超過40，否則這些時間加在一起，就會導(dǎo)致關(guān)鍵幀時間(顯示時間)非常的長了。

　　接下來就要說到如何提升網(wǎng)站的性能了，要想知道如何提升性能，還要再從底層代碼的層面捋一遍網(wǎng)頁出現(xiàn)的過程，然后我們看下哪些環(huán)節(jié)是我們能夠干預(yù)的，下圖就是代碼層面網(wǎng)頁呈現(xiàn)的過程：

　　HTML(超級文本標(biāo)記語言)是為“網(wǎng)頁創(chuàng)建和其它可在網(wǎng)頁瀏覽器中看到的信息”設(shè)計的一種標(biāo)記語言，DOM(文檔對象模型，Document Object Model)是W3C組織推薦的處理可擴(kuò)展標(biāo)志語言的標(biāo)準(zhǔn)編程接口。在網(wǎng)頁上，組織頁面(或文檔)的對象被組織在一個樹形結(jié)構(gòu)中，用來表示文檔中對象的標(biāo)準(zhǔn)模型就稱為DOM。在HTML轉(zhuǎn)化成DOM這個模型之后，CSS(層疊樣式表，Cascading Style Sheets)代碼也轉(zhuǎn)化成CSSOM這個模型，然后兩種模型生成渲染樹，所有視覺信息都在這個渲染樹里。生成布局將所有節(jié)點進(jìn)行平面合成之后，布局就被繪制在屏幕上，用戶也就看到網(wǎng)頁的內(nèi)容了。而為了提升網(wǎng)頁打開的速度，我們能通過優(yōu)化干預(yù)的其實就是后面兩個步驟。

　　那么具體可以優(yōu)化的方式，這里也給大家羅列除了一些小tips：

　　以上就是關(guān)于百度推廣落地頁性能優(yōu)化問題的一些思考，希望對大家能夠有所幫助，歡迎大家指正和建議。東莞百度推廣托管找米可網(wǎng)絡(luò)，為你保障咨詢!本文內(nèi)容整理自網(wǎng)絡(luò)。