SEO優化技術

17328056617

佛山企業網站建設,網站制作設計,順德SEO整站優化,短視頻抖音代運營,網絡營銷解決方案

快速赛车:如何針對WordPress的網站做速度優化?

快速赛车 www.alokg.com 在上一篇中,我們已經提到了為何網站速度會變慢,以及如何檢測自己的網頁速度。我們給出了“2秒鐘以內”的目標,如果你決心按照這個標準進行優化,這里可以給你一些建議。 譯者注:這部分長達5000+字,你可以收藏慢慢閱讀。

鞏固網站基礎 在第一部分中,我們將討論的是基本的加快WordPress網站的方法,并設法減少加載時間。

01.投資高質量的主機

最基本的提升網站性能的方法,就是挑選更好的主機。很多主機誠然很便宜,但網站托管這個領域是一分錢一分貨,如果你需要足夠的速度,那就要接受相應的價格。 那怎么挑選主機? 如果你剛開始挑選主機,那請先盡可能避免共享主機,這樣可以消除同主機上“壞鄰居”網站的風險。而相反,除非你的網站規模龐大,并且擁有足夠的人力物力支持,否則你也遠不需要去購買一個獨享的服務器。 一般來說,VPS(虛擬主機)是最好的選擇,它很好地平衡了速度、性能和成本,中小型網站非常適合使用VPS。而另一個選擇是針對WordPress的,由于巨大的用戶量,很多服務器推出了專門針對WordPress的托管服務,它做了專門的優化,提升了WordPress的性能,最可喜的是你甚至不用額外搭建任何環境。后者的數量正在激增,價格正在下降。

02.保持核心技術更新

第二個措施是保持核心技術——如HTML、PHP和其他網絡技術——的更新,你要知道它們的改進是有原因的:改進老功能,增加新功能和提升運作效率。因此保持更新是很重要的。 優質的服務商會處理這方面的問題,但并不意味著你不需要檢查,往往服務商更新版本后并不會自動幫你調整(這可以防止一些版本變換帶來的Bug),你需要經常檢查PHP配置和其他的選單,并決定是不是該修改PHP版本。 再次提醒,一些舊的代碼(包括舊版本的WordPress)可能無法在新的環境下(如新版本的PHP)運行,所以在更新時務必確保你有辦法撤銷這個操作。做好備份是最基本的?;ご朧?。

03.及時更新WordPress和組件

不僅是服務器軟件和環境,WordPress也會面臨更新問題。每個CMS版本都會有新功能,并修補一些Bug和缺陷。這有助于你的網站運行地更高效,防止你的速度隨著他人的更新而相對落后。 另外,保持WordPress版本更新不僅是速度問題,還有安全問題。你的任何WordPress版本、主題以及插件,都可能存在漏洞,而使用最新版本可以最大限速地避免它。你沒有任何理由不做更新。

04.選擇適當的主題

說到主題,它也可能是影響網站速度的決定性因素。有些主題臃腫混亂,它們提供了如此多的功能,而這些都意味著代碼的加載,使得你的網站不堪重負。如果你不是真的需要這么多功能,那又是何必呢? 處于這個原因,你應該視圖找到一個你真正需要的主題,而不是一個強大的主題。甚至有可能的話,選擇一個輕量的主題,通過插件來完成需要的功能。這樣可以幫助你精簡網站,你會在加載時間上看到效果的。

05.執行常規數據維護

WordPress的程序會隨著時間推移變得臃腫,數據庫也是這樣,它很容易積攢無用的數據。卸載插件、修改帖子等操作都會在數據庫里增加無用的信息。 處于這個原因,你應該定期維護數據庫,保持它的精簡和可用性。很多工具可以幫助你,比如WP-Optimize和Wp-Sweep(前者是譯者也在使用的)。 另外,聽我一句勸,減少文章的修改次數!

06.開啟監控

有一句話是這么說的:先有調查數據,后有管理整改。只有你知道問題存在,才有可能去糾正他。 前面提到過的Pingdom等工具可以為你提供自動監控服務,如果你的網站速度太慢還會給你發郵件。國內的選擇如360云檢測、百度云觀測等也可以進行嘗試。

前端性能優化

到這一步為止,關于加速WordPress,我們的基礎知識就講完了。當然我們還有更多的事情可以做,比如前端優化。

為什么要優化前端而不是后臺?根據性能工程師Steve Souder的說法,80-90%的最終用戶響應時間都發生在前段上。那么,我們就在這方面進行一些討論。

01.減少服務器請求

每當我們的瀏覽器加載網頁資源的時候,就會發生服務器請求,比如向服務器要求下載JS文件、CSS樣式表或圖像。 加載網站所需的服務器請求數量和總容量越多,加載時間就越長。因此減少請求是應該嘗試的,這些措施可以幫到你: 在單一頁面上顯示更少的帖子 在帖子列表里只顯示摘錄,甚至只顯示標題,而不是完整文檔(在設置-閱讀下你可以找到這個選項) 將較長的帖子分成幾頁 如果評論很多,那么把評論分頁加載(設置-討論) 減少頁面上的圖像和其他元素的數量 卸載不必要的,尤其是速度慢的插件(使用P3 (Plugin Performance Profiler)這個插件可以快速把它們找出來) 對于不需要一直開啟的插件(比如上文提到的WP-Optimize),把它暫時關閉 使用Lazy-Load技術來延遲加載圖像 如果不需要,就不要使用網絡字體 根據Pingdom或GTmetrix的分析報告,你可以看到服務器收到了哪些請求,并花費了多久去完成它。你可以針對性采取措施,加速或消除請求。下一個優化措施就是這方面的。

02.壓縮圖片

圖片通常是我們頁面里體積最大的那一部分,畢竟正文和樣式都是文本而已,數據的體量是不同的。因此,為了加速WordPress,優化圖片是至關重要的。 最好的辦法之一就是壓縮圖片,然后再進行上傳。例如,在Photoshop理,你可以使用“儲存為Web格式”來輸出圖片。當然,在線壓縮網站TinyPNG也可以為你代勞。 這個過程可以自動化,你可以選擇WP Smush或EWWW Image Optimization等插件,來優化上傳到您網站的任何圖片。同樣,不用時請關掉。 你需要注意,在你上傳一張圖片的時候,WordPress會默認為你創建多個尺寸的圖片,這是為了在一些特定場合使用(比如文章列表是縮略圖),一些主題還會額外創建更多這樣的圖片。 一個全尺寸的圖片上傳后,會生成一個小圖片和一個縮略圖(默認設置下分別是300px和150px的寬度)。這會讓你的網站更臃腫,但它就是在發生著。

03.避免將媒體文件放在自己網站上,尤其是視頻 還是多媒體的話題,視頻也是個大問題。

雖然WordPress完全可以托管視頻,但是不推薦你這么做。首先它會消耗大量流量,這已經很重要了,畢竟很多托管服務的流量都不是無限供應的。其次,它會讓你的網站更大,更難備份。 而反過來說,很多視頻托管網站服務非常優質,比你的服務器好得多。通過嵌入上傳在那些網站上的視頻,你就可以完成你的帖子。當然了,對于圖片你也可以這么處理。國外你可以選擇YouTube,Vimeo或DailyMotion,國內你可以選擇騰訊,優酷(已經不支持自動生成iframe代碼,但你可以手動生成)等。

04.開啟緩存

我們提到過,WordPress是動態加載頁面的,但最終的加載結果其實還是一個靜態的HTML。 既然動態比較慢,那這個完成的HTML就不能被保存下來嗎?畢竟這樣可以節約很多步驟。 不錯,這就是緩存的意義所在,也可以說是加速WordPress的最佳方法之一。很多CMS插件提供了解決方案,我尤其推薦WP Super Cache,W3 Total Cache和WP Rocket(后面這個比較高級,功能復雜),選擇其中一個即可。 如果有足夠的技術,你可以使用.htaccess來完成。除此之外,很多服務區也提供緩存功能,但你必須有權限進行主機管理才能進行設置(虛擬主機一般是不行的,但ECS都可以)。如果你使用的是專門的WordPress托管主機,那么很可能服務商已經自動提供了緩存功能,你不需要做任何事情。 譯者注:緩存是非常重要的,尤其對中型以上的站點來說。當你進行閉站維護準備重新上線的時候,務必執行一步預熱操作,即將你的大部分頁面進行一次緩存,否則上線后很容易因為大量蜘蛛爬取而導致CMS處理跟不上速度,進而導致服務器崩潰。

05.內容交付網絡(CDN)技術

記不記得我們討論過服務器的位置很重要?一般情況下,訪問者和服務器離得越遠,那頁面加載的就越慢。 而CDN技術就是用來解決這個問題的。它允許你講網站的靜態文件托管在多個服務器上,而服務器遍布全球各地,這樣就減輕了距離問題——當有人請求訪問的時候,最近的服務器可以進行響應,這樣就減少了加載時間。 國外的CDN服務有MaxCDN,Amazon Cloudfront和Cloudflare等,后者甚至有針對個人網站的免費計劃。在國內,譯者推薦騰訊的CDN,當然你也可以選擇阿里云CND或百度云加速等。 除了整站加速之外,你還可以選擇部分內容的專門CDN托管。比如Jetpack提供的Photon免費圖像CDN,你只需要安裝激活就可以了。國內你可以選擇將圖片上傳到七牛等圖床上,譯者強烈建議你支持一下七牛。

 

上述的方法大多數人都可以執行,技術性并沒有那么強,以基本設置和簡單的技術實踐為主。但接下來的設置會比較復雜,別害怕,試一試吧!

01.合并文件

上面提到,應該盡可能減少服務器請求。而一個很好的辦法,就是把文件合并,使得數量更少(當然同時體積更大)。這種技術被稱為串聯。 它有明顯的優勢,因為一個大文件通常比幾個小文件下載更快,特別是不允許多線程下載的時候。 如果你懂得開發,可以使用Gulp等工具來實現,即便你不懂也可以借助Autoptimize。它可以將所有的HTML、CSS和JavaScript文件合并成一個,你安裝這個插件并激活就可以了。你可以調整一些選項,比如下面這個……

02.代碼壓縮

你可能沒聽說過所謂代碼壓縮,但它的概念是很簡單的。 比如,如果你讀過一個代碼文件,就拿CSS樣式表來距離,它通常排列整齊,使得比較容易閱讀(至少對開發人員來說是的)。但是電腦根本不在乎,只要格式正確(而不是整齊優美),那它一概都接受,而且執行地同樣完美。 而關鍵在于,整齊的排列用到了更多的字符(比如換行符和縮進),這使得文件變大了,從而使得下載時間更長。那如何縮小呢?把它們去掉就可以啦!Autoptimizecan和W3 Total Cache兩款插件都可以做到,而開發者還可以選擇Gulp和Grunt。

03.啟動Gzip壓縮

關于圖象優化我們已經提到過壓縮了,你計算機里的zip文件也是壓縮,那你不必驚訝于你的網站也可以用這個技術吧? 畢竟,WordPress網站也不過是一堆文件嘛!壓縮對于重復數據的效果非常好,而代碼往往是大量重復的,這也是為什么壓縮對網站來說非常理想。 在一切操作的基礎上,再來一個壓縮,使得網站更小,下載也更快了。不用擔心,所有的現代瀏覽器都可以解釋壓縮文件,所以開啟它是你的絕佳選擇。 Gzip很容易啟動,上面提到的緩存插件就可以做到。如果不能,你也可以在.htaccess文件里加入這樣的代碼:?# Compress HTML, CSS, JavaScript, Text, XML and fonts AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE application/x-font AddOutputFilterByType DEFLATE application/x-font-opentype AddOutputFilterByType DEFLATE application/x-font-otf AddOutputFilterByType DEFLATE application/x-font-truetype AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE font/opentype AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/xml ? # Remove browser bugs (only needed for really old browsers) BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html Header append Vary User-Agent

這段代碼加在哪里都可以,只要不把現有的代碼切斷……如果你不放心,加在.htaccess最后就可以了。

你可以用這個網站測試Gzip有沒有啟動:https://checkgzipcompression.com。

04.不要直傳圖片 直傳圖片指的是你講圖片直接上傳到自己的托管服務器上,也就是你的媒體庫里。這種情況下,其他網站或許會通過Hotlinking引用這張圖片,這將導致其他網站被瀏覽的時候,你的服務器收到傳輸圖片的請求。這樣,你不僅損失了帶寬,還沒拿到流量…… 你可以選擇將圖片上傳到圖床,然后在自己的網站上引用。同時,在.htaccess里加入下面的代碼可以禁止盜鏈,也就是禁止其他網站引用你的圖片:

RewriteEngine on RewriteCond %{HTTP_REFERER} !^$ RewriteCond %{HTTP_REFERER} !^//(www\.)example.com/.*$ [NC] RewriteRule \.(gif|jpg|jpeg|bmp|zip|rar|mp3|flv|swf|xml|php|png|css|pdf)$ – [F]

注意,文件里的example.com要換成你的真實域名! 譯者注:當然,有一些插件可以幫你實現反盜鏈,比如Copyright Pro。CDN也可以,比如百度云加速的防盜鏈技術。 H那么,你準備好加速WordPress網站了嗎! 網站速度是你網站的重要參數,它對跳出率、轉化率、排名等有至關重要的影響,即使只差幾秒鐘,也是天壤之別。 你有很多事情可以去做,上面的技術其實也只是你的一部分選擇,請相信它們是有效的。 你可能要問——這些你必須現在全部來一遍?不不不…… 網站最重要的永遠是內容。速度不是一切,而速度優化,是你可以慢慢做的,這里面很多優化方式不是一蹴而就的,而是你需要長期維護的。 如果你有其他加速WordPress的方式,歡迎留言討論。 部分內容(尤其是針對國內的部分)由譯者Kamilet添加。

原文出自[卡米雷特的小站(kamilet.cn)],轉載請附帶原文鏈接: https://www.kamilet.cn/how-to-speed-up-wordpress/3/

相關文章

{ganrao}