反面教材:五步走讓你的網(wǎng)站遲鈍不堪
譯文毫無疑問,我們都希望為網(wǎng)站訪問者提供令人滿意的使用體驗(yàn)。我們也討厭競爭對手拿咱們糟糕的性能表現(xiàn)說事兒。當(dāng)然,我們也樂于在各類社交平臺(tái)上看到客戶在提到咱的服務(wù)時(shí)積極點(diǎn)贊。同志們,空談?wù)`國、實(shí)干興邦,咱們馬上從以下五種糟糕實(shí)踐中學(xué)習(xí)經(jīng)驗(yàn)。
HTTP請求
要拖慢網(wǎng)站速度,***的辦法就是請求過量。Sprite、級(jí)聯(lián)JavaScript以及CSS文件都能加快速度——想讓一切慢下來,我們就得想辦法弄他七、八百條請求,而非七、八十條。
文本壓縮與繁勝于簡
大家有沒有對文本內(nèi)容進(jìn)行壓縮?如果有,別這么做。壓縮文本內(nèi)容只會(huì)讓速度變快而不能提升客戶體驗(yàn)。不過,請別因此否定一切壓縮手段。大家可以對二進(jìn)制文件以及JPEG等圖片進(jìn)行壓縮。對文件進(jìn)行二次壓縮能夠有效拖慢站點(diǎn)響應(yīng)速度。如果各位已經(jīng)做到了以上幾點(diǎn),請別忘了在JavaScript以及CSS文件中盡可能添加空格與注釋——畢竟用戶總有可能查看這些代碼,因此提升閱讀性的同時(shí)拉低運(yùn)行速度,豈不兩全其美?
Keep-Alive
如果大家在使用keep-alive,請馬上把它關(guān)掉!想讓站點(diǎn)持續(xù)遲鈍,咱們就得在瀏覽器上不斷開啟新連接且每條連接中都包含數(shù)百個(gè)請求。
JavaScript同步加載
大家真想讓網(wǎng)站變慢?這里有招狠的——同時(shí)加載并執(zhí)行JavaScript代碼。這意味著如果某個(gè)JavaScript文件處于掛起狀態(tài),那么該頁面中的一切內(nèi)容都將無法加載。有了這招絕技,絕對能讓網(wǎng)站訪客們欲罷不能。
圖像
加圖像,越大越好、越清晰越好。使用完整的12萬像素圖像,而且千萬別壓縮。在如今這個(gè)高清時(shí)代,用戶就應(yīng)該享受這種每個(gè)毛孔都看得清的高質(zhì)量圖像。
這五招只是一點(diǎn)基本提示,大家也可以選擇其它方法讓自己的網(wǎng)站變成個(gè)傻小子——當(dāng)然,要用充滿創(chuàng)意的方式。
【51CTO譯稿,合作站點(diǎn)轉(zhuǎn)載請注明原文譯者和出處為51CTO.com】