2017 年最有效的網站性能優化技巧
已發表: 2017-11-09第一印象可能是你唯一有機會嘗試的印象。
幾乎每家企業都擁有一個網站,可以進一步擴大其對不斷增長的在線社區的影響力。 然而,並非所有人都真正優先考慮網站性能優化的重要性,這削弱了定義其特許經營範圍的能力。
除此之外,網站訪問者變得不耐煩並且要求更高,尤其是隨著在線競爭日益激烈。
FEVAD(電子商務和遠程銷售聯合會)在 2015 年表示,幾乎 57% 的互聯網用戶要求網站在 3 秒或更短的時間內加載。
實際上這是常識,加載時間較長的網站將不會受到任何用戶的偏好,對吧?
問自己這個問題。
企業嚴重依賴客戶,這是任何企業的基石,他們需要知道品牌對他們有利。 他們不想等待。
不愉快的印象會產生不滿意的評論,傳播得特別快,導致流量損失,最重要的是損失金錢。
亞馬遜表示,網站速度慢 1 秒可能會導致每年約 16 億美元的銷售額損失。
科技巨頭谷歌支付了半秒的加載時間延遲,流量下降了 20% 。
時間肯定就是金錢,不是嗎?
隨著互聯網上充斥著幾乎服務於類似目的的網站,你需要在你的網站內達到完美的平衡,這可以取悅觀眾,產生流量並服務於他們的目的。
這個世界上的一切都會發生變化,那麼,為什麼不是網站呢?
據統計,當 Mozilla 將頁面速度提高近 2 秒時,下載量增加了 15.4% 。
Kinsta說:“人們更喜歡快速加載瑣碎的頁面,而不是緩慢的相關頁面。”
這根本不是一個巨大的難題,因為您只需要超越競爭對手即可保持領先地位。
有人打電話給尤塞恩博爾特!
然而!
您當然不需要牙買加人的策略來為您編寫網站,因為我們提供了一些提示和技巧,讓您在競爭中保持領先並在全球受眾中提升您的頁面。
您可以稍後感謝我們。
開始了:
一口氣實現所有這些可能是一項繁瑣的任務,因此最好逐個步驟並分析加載時間的差異。
重要的是不要為了它而公然複製它們,先理解然後實施。
01. 最小化
組織您的網頁,使其盡可能精簡。 多餘的線條、換行符、圖像和其他不需要的用具都付諸東流。
從蘋果、奧迪等價值數十億美元的公司的主頁中汲取靈感,分析它們的結構化方法。
我相信你會理解靈感和抄襲之間的細微差別。
02. 圖像優化
一張圖片本質上價值超過一千個字,而且它當然也有這麼多。
2016 年的一份 HTTP 報告寫道:“ 64% 的網頁權重僅在於其圖像。 ” 這當然讓事情變得正確。
您也會注意到,圖像需要更多時間。 現在我不必告訴你,對吧?
所以,你可以做什麼?!
- 選擇僅在真正重要的地方插入圖片 - 如果您優先考慮質量和 PNG 以用於徽標等不太重要的圖片,則在 JPEG 中插入圖片。BMP 和 TIFF 是不行的!
- 根據相應的要求適當調整圖像大小可以抑制不必要的垃圾數據形成,從而增加帶寬負擔。
- Smushit 、 JPEG/PNG Stripper等工具只需單擊按鈕即可輕鬆進行優化。
03. CSS 交付優化
不久前,一個網頁的最佳大小被認為是 30KB 左右,包括圖像、文本等所有元素。
CSS 和 JavaScript 的出現現代化並打破了這個 30KB 的障礙,為用戶提供了更豐富的體驗。
通過使用“速記”方法減少讀碼的周期,可以優化交付速度。 基本上,不要考慮冗餘。
首選外部樣式表,它可以在將頁面呈現為內部樣式表之前加載也有幫助。 這完全取決於“編碼專家”的工作方式。
減少複雜的腳本和多餘的代碼行。 看起來很公平,對吧?
04.壓縮技術
實際上,CSS 和 Javascript 可以通過不止一種方式進行優化。 我們之前討論了交付系統。
現在,讓我們看看如何壓縮它們。
- 縮小CSS 和 JavaScript 以通過隨後的 CSS 和 JavaScript 組合刪除它們之間的空格來壓縮它們。
- 其他包括CSS Optimizer 、 Clean CSS等等。(嘿,別偷懶谷歌他們並找出來)
- GZip 壓縮通過查找相似的代碼元素並臨時用較短的字符交換它們來幫助。
注意:使用 Gzip 壓縮圖像、PDF 等可能會導致新文件比以前的版本大; 也可能無法保證舊的瀏覽器支持。 (誰也使用舊東西,順便說一句?)
05.“404錯誤”
這在編碼人員中可能很熟悉,但他們也很害怕。 它會在缺少文件或頁面的情況下彈出。
雖然看起來很簡單,但典型的 404 錯誤需要大約 50-100 MB 的內存才能交付。 好像很難消化? 我說這是人們害怕的事情。
插件提供了多種檢查和調試此類錯誤的方法,但它們在服務器中停留的時間過長,這會浪費每個相應服務器的資源。
所以最好使用Screaming Frog之類的工具來爬取,識別錯誤頁面並修復它們,這樣就不會浪費太多帶寬,減少訪問者浪費。
有Visual SEO Studio和WildShark SEO Spider Tool ,它們是 Screaming Frog 的免費軟件替代品。
06. 卸載資產
我們的意思是從主服務器中分離出 CSS、圖像等內容,並依賴其他服務器來加載它們。
這反過來又減少了對單個主服務器的依賴,通過將其卸載給其他服務器,從而減少加載頁面所需的時間。
分享確實是關懷。
我們還根據您的需要建議一些卸載方面:
- Flikr ,自鳴得意,5–圖像
- 谷歌 Feedburner – RSS
- 調查 – SurveyMonkey ,僅舉幾例。
您還可以使用專用主機,它比共享主機貴一點,但速度更快。
07. 服務器優化
選擇具有更多 RAM 和緩存大小的更好服務器必然會提高性能指標。
定期軟件更新和創建鏡像服務有助於平衡服務之間的負載,從而加快訪問時間。
08. 插件使用
不必要的插件不僅會成為多個服務器崩潰的犧牲品,而且加載時間也會更長。
您在“那個”網站中看到的那個“很棒”的過渡或元素可能並不總是適合您的選擇。
明智地選擇你的元素。
09 調試
碼農小心! 你們會完全理解這一點。
即使是最小的錯誤,估計到分號也可能導致內存轉儲問題,這可能會使站點和服務器崩潰。
重複渲染代碼,直到您確定這些行不會引起問題,並且使用 Microsoft Visual Studio 等調試應用程序從長遠來看會對您有所幫助。
10. 速度測試
多個平台提供速度測試,評估網站的加載速度,並確定您的網站與其他網站相比的加載速度。
它們還有助於提供有關問題所在位置的必要信息,有些甚至可以提供建議以更改站點的各個方面。
像Pingdom 、 GTmetrix等網站等等。
如果您感到不知所措,請深呼吸。 Dropbox 、Apple 和 Microsoft 等數十億美元企業的開發人員也經歷過同樣的事情。
這是真的,就像真的一樣!
他們甚至在現在也做出了修正,每分鐘都在進行優化。 他們不想複製成功的口頭禪,他們想創造更多。
當然,對於不懂技術的人,我們向您介紹了一個平台,您可以在該平台上外包與網頁優化相關的工作等等。
我們公司Prime One Global將負責這一點,最終,您可以吹噓一個滿足客戶和客戶需求的網站。 要了解更多信息,請與我們聯繫 [email protected]或在我們的 Facebook 頁面上聯繫我們。
你走之前!
所有這些聽起來可能很複雜,但這就是網站的工作方式。 您需要了解增強優化所涉及的技術細節。
總結要點,客戶要求加載速度處於最佳狀態,為此,堅持最小的設計並根據他們的使用選擇圖像格式。
只是從潛在訪問者的角度思考。 您會等待很長時間才能加載網站嗎?
當然不是。
如今,耐心仍然是一種美德,但是當我們生活在一個幾乎所有方面都數字化的世界中時,為了保持領先,我們需要擁抱變化。