8提示加速您的網站

更新日期:07年2020月XNUMX日/文章作者:Timothy Shim

即使我沒有其他任何我確定的東西,有一件事是肯定的 - 你之前在生活中至少遇到過一個非常緩慢的網站。 如果你覺得這聽起來很熟悉,那麼讓我傳遞一些我過去幾年獲得的一些技巧,可以幫助你加速你的網站。

如果您不確定您的網站速度對您來說很重要,那麼請回想一下您在等待網站加載時關閉瀏覽器窗口的時間。 事實是,53%的人放棄了加載時間超過3秒的網站。

您網站的表現 很重要,並且會影響您的搜索引擎排名。 例如,Google偏愛快速網站,並在搜索結果中給予較高的排名。

不同行業的平均網頁加載時間(來源).

測試您的網站速度

您可以對網站進行各種調整,以提高性能。 有些可能與切換選項一樣簡單,而另一些則涉及更多。 不過,如果您考慮它們,則整個過程可能需要一些時間。

最好是採用緩慢,漸進的方法來提高性能,而不是立即進行所有更改。 與任何基於技術的產品一樣,有可能出現問題。

如果您隨時間實施更改並與測試一起進行記錄,則可以更輕鬆地識別所做的任何更改,這些更改可能導致您的站點不可用或崩潰。 相信我-它最終會發生。

要開始使用,請先測試網站的加載速度。 一些推薦的工具是:

  • WebPageTest:從運行常見操作系統的真實瀏覽器中收集網頁性能。
  • Pingdom的:幫助分析和發現網站性能的瓶頸。
  • GTmetrix:分析並提供有關優化網頁速度的最佳方式的可操作見解。
  • Bitcatcha:檢查八個國家/地區的網站速度。
通過使用站點速度測試儀,您將能夠了解當前站點的優化程度。

以下是加快網站訪問速度的提示...

1。 選擇一個出色的Web主機

在我的經驗中, 虛擬主機 也許是您在以下情況下必須做出的最重要的選擇之一 託管網站。 有網絡主機,然後有 優秀 網絡主機。 每個Web主機都具有不同的功能,因此請注意關鍵項目,如專有緩存技術,固態驅動器或對關鍵區域的控制,如 NGINX.

我不能強調這一點。 您選擇的Web主機至關重要。 如果你不熟悉它們,請看看我們的 對頂級網絡主機的全面評論 幫助指導您做出明智的決定。

我強烈建議您考慮 切換到更好的虛擬主機 如果您發現TTFB一直過高。

根據實際數據和用例查看我們的最佳網絡託管公司列表.

2。 縮小:更小更好

今天的網站常常充斥著Javascript和CSS文件。 這會在訪問期間生成大量HTTP請求,最終可能會大大減慢您的網站速度。 這是縮小的地方。

通過將所有腳本組合到一個文件(每種類型)中來縮小您的Javascript和CSS文件。 這不是一件容易的事,但不要擔心,有WordPress插件可以為你處理這個問題。

嘗試其中一個開始: Autoptimize, 快速縮小 or 合併+縮小+刷新

縮小可能會導致您的代碼看起來混亂 - 不要驚慌! 這個是正常的。

3。 遵循KISS原則

大多數網絡專家通常都不會教這一點,但是我發現它在許多方面都非常有用。 KISS是“保持簡單,愚蠢”的首字母縮寫。 它是由1960年代一些聰明的傢伙創造的,它強調簡單系統的效率。

根據經驗,我發現這幾乎適用於生活中的一切 - 甚至在建立網站時也是如此。 通過避免過於復雜的實施和設計,您將從一個快速,更重要,易於管理和維護的站點中受益。

設計與視覺

通過保持您的設計和視覺簡單,我的意思主要是減少開銷。 在糟糕的一天,一個擁有大量令人嘆為觀止的令人嘆為觀止的圖像和令人驚嘆的視頻的網站可能會像懶惰一樣快速加載。 保持整潔,並嘗試將視頻和圖像加載分散到各個頁面。

代碼和插件

WordPress是如此美妙,因為它高度模塊化,而且使用起來非常簡單。 無論你想做什麼,很可能有人有 已經設計了一個插件.

聽起來令人興奮,請注意使用插件使網站過載。 請記住,每個插件都是由不同的人(可能是不同的公司)設計的。 他們的目的是實現一個特定的目標,而不是簡化您的網站性能。

如果可以,請避免使用自己管理的插件。 以一個插件為例,它可以幫助您將表格插入到文本中。 您可以輕鬆學習一些基本的HTML代碼來繪製表格,而不必使用插件,對吧?

某些單獨的插件可能會顯著降低您的網站速度,因此請確保每次安裝新插件時都要進行速度測試!

4。 利用內容交付網絡

對我來說,內容交付網絡是眾神的禮物。 公司如 的CloudFlare 亦於 LimeLight Networks 通過幫助其他人通過世界各地的服務器網絡享受穩定和快速的內容傳遞來謀生。

使用CDN可以幫助您更快地提供網頁,並提高加載速度,無論您的訪問者來自何處。

除此之外,使用CDN還提供額外的保護,以防止惡意攻擊,如 分佈式拒絕服務(DDoS).

如果您是小型網站的所有者,那麼Cloudflare有一個免費的選項,您可以使用它可以正常工作。 企業和較大的網站將不得不支付以獲得更好的計劃,但考慮到CND的適合,它是值得的價格!

5.利用緩存

緩存是完全一樣的聲音 - 存儲靜態文件,這樣當你的訪客一起走,你的網站可以從以前建立起來的網頁,使處理時間縮短了分享。 在大多數情況下,您需要感興趣的是服務器端緩存。

實現服務器端緩存的最有效方法是通過您的設置 阿帕奇 or NGINX 服務器。 您需要瀏覽這些文檔並找到可幫助您設置服務器緩存的正確設置。

經驗法則是,如果可能的話,任何需要大量服務器支持工作(處理)的東西都應該被緩存。

如果它對你來說太奇怪了,插件是另一種選擇,但同樣,我不建議你在這種情況下使用它。

6。 圖像豬帶寬,優化你的!

根據KISS原則,這對我早先對大量圖像和視頻的咆哮有點延伸。 鑑於此,我確實理解視覺效果是使網站看起來漂亮的關鍵。 由於我們無法完全避免使用它們,因此請確保您使用的圖像盡可能簡化,

Web內容在很大程度上是基本的,即使涉及到圖像。 我遇到的大多數網站都像死豬那樣負載,往往被大量的圖像所拖累,這些圖像沒有任何實際意義。

我並不是說你不能擁有更大的圖像,但要確保它們在上傳之前已經過適當的優化。

有兩種方法可以做到這一點。 同樣,第一個是通過插件 WP Smush。 替代方案,或者那些不使用WordPress的人,是第三方圖像優化工具,如 圖像壓縮 or JPEG優化器.

大多數圖像優化工具都可以讓您微調圖像的分辨率細節,以便逐步調低圖像。 對於未經訓練的眼睛,它們看起來幾乎相同,但尺寸要小得多。

這些是放大HD圖像的區域(左)。 原版是2.3MB,經過優化後,縮小為331kb!

7。 使用gzip壓縮

如果你聽說過的圖像壓縮,或者歸檔(ZIP或RAR),那麼你可能會很熟悉後面gzip壓縮的理論。 這會壓縮您的網站代碼,從而導致速度提升至300%(結果各不相同)。

即使是像這樣技術性的東西,你也可以直接使用像這樣的插件 PageSpeed忍者。 但是,有一種更有效的方法,只需要編輯一次.htaccess文件。

將以下代碼添加到.htaccess文件中,您將被設置:

#壓縮HTML,CSS,JavaScript,文本,XML和字體AddOutputFilterByType DEFLATE應用程序/ javascript AddOutputFilterByType DEFLATE應用程序/ rss + xml AddOutputFilterByType DEFLATE應用程序/vnd.ms-fontobject AddOutputFilterByType DEFLATE應用程序/ x字體AddOutputFilterByType DEFLATE應用程序/ x-font-opentype AddOutputFilterByType DEFLATE應用程序/ x-font-otf AddOutputFilterByType DEFLATE應用程序/ x-font-truetype AddOutputFilterByType DEFLATE應用程序/ x-font-ttf AddOutputFilterByType DEFLATE應用程序/ x-javascript AddOutputFilterByType DEFLATE應用程序/ xhtml + xml AddOutputFilterByType DEFLATE應用程序/ xml AddOutputFilterByType opentype AddOutputFilterByType DEFLATE字體/ otf AddOutputFilterByType DEFLATE字體/ ttf AddOutputFilterByType DEFLATE圖像/ svg + xml AddOutputFilterByType DEFLATE圖像/ x-icon AddOutputFilterByType DEFLATE文本/ css AddOutputFilterByType DEFLATE文本/ html AddOutputFilterByType DEFLATE文本/ javascript Add 晚期文本/純文本AddOutputFilterByType缺省文本/ xml

*注意:請確保將此代碼添加到.htaccess文件中當前所擁有的內容之下。

8。 減少重定向

通常,瀏覽器接受各種形式的地址,這些地址又由服務器轉換為公認的官方地址。 舉個例子 www.example.com 和example.com。 兩者都可以訪問同一站點,但需要您的服務器將其重定向到官方認可的地址。

這重定向需要一些時間和資源,所以你的目標是確保您的網站能夠通過不超過一個重定向更是可達的。 用這個 重定向映射器 看你是否正確行事。

鑑於執行此操作的複雜性以及持續進行的時間,這是我建議使用類似插件的一次 重定向.

多快才足夠?

Google PageSpeed Insight
Google PageSpeed Insight是搜索巨頭如何看待您網站效果的良好基準。

除了訪問者的體驗,您的網站性能還會影響您在搜索排名中的可見度。 由於搜索之王是Google,因此這就是您要追求的目標。 根據他們的說法,理想情況下,站點應在三秒鐘內加載。

不幸的是,許多站點仍未達到該基準。 實際上,我測得的某些網站加載時間驚人地長達5到6分鐘。 話雖這麼說,如果您的網站要花7秒鐘以上的時間來加載,對於Google來說已經太長了。

更快的網站讓訪客(和谷歌)感到高興

今天的寬帶速度,即使在移動設備上,也增加了很多,而且還會增加。 這意味著網站所有者很少有理由讓他們的訪問者放置緩慢加載的網站。

相信我,你會不斷失去訪客,並且在某一點上,獲得如此糟糕的聲譽,你會被稱為“哦, 動議 網站”。 如果你從事網絡業務,那就更糟了,因為你會殺死自己的金鵝。

雖然我提供上述8提示是絕不是全部和最終所有的,它應該給你一個起點和如何管理的事情更好一點的一些想法。 立即加速您的網站,留住您的客戶或訪客。

不要最終成為 動議 網站。

關於Timothy Shim

Timothy Shim是一位作家,編輯和技術愛好者。 從信息技術領域開始他的職業生涯,他迅速進入印刷領域,並與國際,地區和國內媒體合作,包括ComputerWorld,PC.com,Business Today和The Asian Banker。 他的專長在於消費者和企業的技術領域。