2017 年最有效的網站性能優化技巧

已發表: 2017-11-09
第一印象可能是你唯一有機會嘗試的印象。

幾乎每家企業都擁有一個網站,可以進一步擴大其對不斷增長的在線社區的影響力。 然而,並非所有人都真正優先考慮網站性能優化的重要性,這削弱了定義其特許經營範圍的能力。

除此之外,網站訪問者變得不耐煩並且要求更高,尤其是隨著在線競爭日益激烈。

FEVAD(電子商務和遠程銷售聯合會)在 2015 年表示,幾乎 57% 的互聯網用戶要求網站在 3 秒或更短的時間內加載。

實際上這是常識,加載時間較長的網站將不會受到任何用戶的偏好,對吧?

問自己這個問題。

企業嚴重依賴客戶,這是任何企業的基石,他們需要知道品牌對他們有利。 他們不想等待。

不愉快的印象會產生不滿意的評論,傳播得特別快,導致流量損失,最重要的是損失金錢。

亞馬遜表示,網站速度慢 1 秒可能會導致每年約 16 億美元的銷售額損失。

科技巨頭谷歌支付了半秒的加載時間延遲,流量下降了 20%

時間肯定就是金錢,不是嗎?

隨著互聯網上充斥著幾乎服務於類似目的的網站,你需要在你的網站內達到完美的平衡,這可以取悅觀眾,產生流量並服務於他們的目的。

website speed

這個世界上的一切都會發生變化,那麼,為什麼不是網站呢?

據統計,當 Mozilla 將頁面速度提高近 2 秒時,下載量增加了 15.4%

Kinsta說:“人們更喜歡快速加載瑣碎的頁面,而不是緩慢的相關頁面。”

這根本不是一個巨大的難題,因為您只需要超越競爭對手即可保持領先地位。

有人打電話給尤塞恩博爾特!

然而!

您當然不需要牙買加人的策略來為您編寫網站,因為我們提供了一些提示和技巧,讓您在競爭中保持領先並在全球受眾中提升您的頁面。

您可以稍後感謝我們。

開始了:

一口氣實現所有這些可能是一項繁瑣的任務,因此最好逐個步驟並分析加載時間的差異。

重要的是不要為了它而公然複製它們,先理解然後實施。

01. 最小化

組織您的網頁,使其盡可能精簡。 多餘的線條、換行符、圖像和其他不需要的用具都付諸東流。

extra lines, line breaks,

蘋果奧迪等價值數十億美元的公司的主頁中汲取靈感,分析它們的結構化方法。

我相信你會理解靈感和抄襲之間的細微差別。

02. 圖像優化

一張圖片本質上價值超過一千個字,而且它當然也有這麼多。

2016 年的一份 HTTP 報告寫道:“ 64% 的網頁權重僅在於其圖像。 ” 這當然讓事情變得正確。

image seo, image optimization

您也會注意到,圖像需要更多時間。 現在我不必告訴你,對吧?

所以,你可以做什麼?!

  • 選擇僅在真正重要的地方插入圖片 - 如果您優先考慮質量和 PNG 以用於徽標等不太重要的圖片,則在 JPEG 中插入圖片。BMP 和 TIFF 是不行的!
  • 根據相應的要求適當調整圖像大小可以抑制不必要的垃圾數據形成,從而增加帶寬負擔。
  • SmushitJPEG/PNG Stripper等工具只需單擊按鈕即可輕鬆進行優化。

03. CSS 交付優化

不久前,一個網頁的最佳大小被認為是 30KB 左右,包括圖像、文本等所有元素。

CSS 和 JavaScript 的出現現代化並打破了這個 30KB 的障礙,為用戶提供了更豐富的體驗。

ccs, delivery optimization, ccs blocks

通過使用“速記”方法減少讀碼的周期,可以優化交付速度。 基本上,不要考慮冗餘。

首選外部樣式表,它可以在將頁面呈現為內部樣式表之前加載也有幫助。 這完全取決於“編碼專家”的工作方式。

減少複雜的腳本和多餘的代碼行。 看起來很公平,對吧?

04.壓縮技術

實際上,CSS 和 Javascript 可以通過不止一種方式進行優化。 我們之前討論了交付系統。

 compression strategies

現在,讓我們看看如何壓縮它們。

  • 縮小CSS 和 JavaScript 以通過隨後的 CSS 和 JavaScript 組合刪除它們之間的空格來壓縮它們。
  • 其他包括CSS OptimizerClean CSS等等。(嘿,別偷懶谷歌他們並找出來)
  • GZip 壓縮通過查找相似的代碼元素並臨時用較短的字符交換它們來幫助。

注意:使用 Gzip 壓縮圖像、PDF 等可能會導致新文件比以前的版本大; 也可能無法保證舊的瀏覽器支持。 (誰也使用舊東西,順便說一句?)

05.“404錯誤”

這在編碼人員中可能很熟悉,但他們也很害怕。 它會在缺少文件或頁面的情況下彈出。

雖然看起來很簡單,但典型的 404 錯誤需要大約 50-100 MB 的內存才能交付。 好像很難消化? 我說這是人們害怕的事情。

404-error Page

插件提供了多種檢查和調試此類錯誤的方法,但它們在服務器中停留的時間過長,這會浪費每個相應服務器的資源。

所以最好使用Screaming Frog之類的工具來爬取,識別錯誤頁面並修復它們,這樣就不會浪費太多帶寬,減少訪問者浪費。

Visual SEO StudioWildShark SEO Spider Tool ,它們是 Screaming Frog 的免費軟件替代品。

06. 卸載資產

我們的意思是從主服務器中分離出 CSS、圖像等內容,​​並依賴其他服務器來加載它們。

這反過來又減少了對單個主服務器的依賴,通過將其卸載給其他服務器,從而減少加載頁面所需的時間。

dedicated hosting, offloading assets

分享確實是關懷。

我們還根據您的需要建議一些卸載方面:

  • Flikr自鳴得意,5–圖像
  • 谷歌 Feedburner – RSS
  • 調查 – SurveyMonkey ,僅舉幾例。

您還可以使用專用主機,它比共享主機貴一點,但速度更快。

07. 服務器優化

server optimization, apache optimization

選擇具有更多 RAM 和緩存大小的更好服務器必然會提高性能指標。

定期軟件更新和創建鏡像服務有助於平衡服務之間的負載,從而加快訪問時間。

08. 插件使用

server crashes

不必要的插件不僅會成為多個服務器崩潰的犧牲品,而且加載時間也會更長。

您在“那個”網站中看到的那個“很棒”的過渡或元素可能並不總是適合您的選擇。

明智地選擇你的元素。

09 調試

debugging, coders beware

碼農小心! 你們會完全理解這一點。

即使是最小的錯誤,估計到分號也可能導致內存轉儲問題,這可能會使站點和服務器崩潰。

重複渲染代碼,直到您確定這些行不會引起問題,並且使用 Microsoft Visual Studio 等調試應用程序從長遠來看會對您​​有所幫助。

10. 速度測試

多個平台提供速度測試,評估網站的加載速度,並確定您的網站與其他網站相比的加載速度。

它們還有助於提供有關問題所在位置的必要信息,有些甚至可以提供建議以更改站點的各個方面。

PingdomGTmetrix等網站等等。

speed tests, speed test google

如果您感到不知所措,請深呼吸。 Dropbox 、Apple 和 Microsoft 等數十億美元企業的開發人員也經歷過同樣的事情。

這是真的,就像真的一樣!

他們甚至在現在也做出了修正,每分鐘都在進行優化。 他們不想複製成功的口頭禪,他們想創造更多。

當然,對於不懂技術的人,我們向您介紹了一個平台,您可以在該平台上外包與網頁優化相關的工作等等。

我們公司Prime One Global將負責這一點,最終,您可以吹噓一個滿足客戶和客戶需求的網站。 要了解更多信息,請與我們聯繫 [email protected]或在我們的 Facebook 頁面上聯繫我們。

你走之前!

所有這些聽起來可能很複雜,但這就是網站的工作方式。 您需要了解增強優化所涉及的技術細節。

總結要點,客戶要求加載速度處於最佳狀態,為此,堅持最小的設計並根據他們的使用選擇圖像格式

只是從潛在訪問者的角度思考。 您會等待很長時間才能加載網站嗎?

當然不是。

如今,耐心仍然是一種美德,但是當我們生活在一個幾乎所有方面都數字化的世界中時,為了保持領先,我們需要擁抱變化。