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