十年網(wǎng)站開發(fā)經(jīng)驗(yàn) + 多家企業(yè)客戶 + 靠譜的建站團(tuán)隊(duì)
量身定制 + 運(yùn)營維護(hù)+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
打好基礎(chǔ)
十載的鐵西網(wǎng)站建設(shè)經(jīng)驗(yàn),針對設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對一服務(wù),響應(yīng)快,48小時及時工作處理。全網(wǎng)營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動調(diào)整鐵西建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì),從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)公司從事“鐵西網(wǎng)站設(shè)計(jì)”,“鐵西網(wǎng)站推廣”以來,每個客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。
當(dāng)你的房子開始陷入地面,你不會去擦窗戶 —— 而是修復(fù)地基。你的網(wǎng)站也是一樣。如果網(wǎng)站托管在一個緩慢的服務(wù)器或是使用了臃腫的主題,快速方法不會有幫助。你需要修復(fù)基礎(chǔ)。
所以,讓我們從建立一個良好的基礎(chǔ)和如何讓我們的網(wǎng)站以閃電般的速度運(yùn)行開始。
選擇一個好的主機(jī)
你的主機(jī)公司和主機(jī)軟件對你的網(wǎng)站有著很大的影響,其中包括許多其他重要的性能相關(guān)。我曾經(jīng)被免費(fèi)和廉價(jià)的主機(jī)所吸引,但事后我意識到主機(jī)不是一個應(yīng)該吝嗇的地方。
要正確的理解這一點(diǎn),我的 2 位客戶有著類似的網(wǎng)站但大不相同的主機(jī)提供商。一位使用 WPEngine (一個優(yōu)秀的空間提供商),另一位把他們的網(wǎng)站架設(shè)在一個廉價(jià)的共享服務(wù)器。
使用 WPEngine 的客戶的 DNS 響應(yīng)時間(即瀏覽器連接到主機(jī)服務(wù)器的時間)是 7 毫秒。使用廉價(jià)共享主機(jī)的客戶的 DNS 響應(yīng)時間是 300 毫秒。
如果你希望你的網(wǎng)站運(yùn)行快速,從 一個好的主機(jī)提供商 和軟件開始。
選擇一個好的主題
不幸的是,不是所有的 WordPress 主題都是一樣的。雖然有些是很快并且有著良好的編碼,但其他的則以「多功能和可定制化」為幌子,因?yàn)榛ɡ锖诘墓δ芏纺[不堪。
幾年前,Synthesis 的 Julian Fernandes 做了一個有趣的研究案例,他把他的主題從 WordPress 默認(rèn)主題更新為 Genesis Framework ,并監(jiān)控網(wǎng)站速度。他注意到只是更改主題為 Genesis,他的載入速度從 630 毫秒提升到了 172 毫秒。
當(dāng)你選擇一個主題時,檢查下主題演示的網(wǎng)頁速度,使用諸如 Pingdom 的工具,來查看它在沒有附加任何東西時的運(yùn)行速度。這應(yīng)該可以給你一個編碼是否良好的參考。
原文鏈接:
第一、主機(jī)商和機(jī)房的選擇,首先主機(jī)品牌很重要,選擇信譽(yù)好的主機(jī)商錯不了。
第二、主機(jī)系統(tǒng)的選擇使用WordPress程序,建議一定要使用Linux系統(tǒng),雖然很多Windows主機(jī)環(huán)境也支持PHP+MYSQL,但是在運(yùn)行WP的程序,LINUX系統(tǒng)兼容性會更好,速度會更優(yōu)一些。
第三、WordPress主題和插件。
第四、定期優(yōu)化數(shù)據(jù)庫。
第五、使用第三方緩存工具,提升WordPress程序網(wǎng)站速度可以從網(wǎng)站主機(jī),以及網(wǎng)站自身上提高,后者在長期運(yùn)營網(wǎng)站中更為關(guān)鍵。
1、選擇一個好的主機(jī)
WordPress主機(jī)服務(wù)在網(wǎng)站性能中起著重要作用。一個很好的共享托管服務(wù)提供商,如BlueHost或Siteground,都會針對WordPress采取額外的措施來優(yōu)化您的網(wǎng)站的性能。
一般的網(wǎng)站剛起步使用共享主機(jī)就可以,但是如果網(wǎng)站內(nèi)容比較多,使用比較大的主題比較吃內(nèi)存或者訪問量比較大,那么共享主機(jī)就比較吃力了。在高流量時段,站點(diǎn)速度非常慢,甚至頻繁的停機(jī)。
如果你的網(wǎng)站現(xiàn)在訪問速度比較慢,看看你用的是什么主機(jī),現(xiàn)有的配置是否夠用。
如果不夠的話需要升級一下主機(jī),推薦WP Engine管理WordPress主機(jī)或者VPS 。
2、使用輕量級主題/框架
網(wǎng)站訪問速度過慢很有可能是你的WordPress主題沒有經(jīng)過優(yōu)化或者包含的功能太多太臃腫導(dǎo)致的。
很多高級主題雖然功能強(qiáng)大,自定義程度比較高,但是不可避免導(dǎo)致主題包過大,耗費(fèi)資源。
像The7一類的主題,十幾M的安裝包,一般的虛擬主機(jī)跑起來很吃力。
如果非要使用一些高級主題推薦使用Divi? 一類輕量級優(yōu)化過的WordPress主題。使用一些比較有名大公司開發(fā)的主題,盡量少用一些不知名的主題。
3、調(diào)整優(yōu)化圖像
網(wǎng)站優(yōu)化中最常被忽視的方面之一是網(wǎng)站圖片優(yōu)化,我見過很多人圖片不經(jīng)過處理十幾M的圖片直接上傳。WordPress圖像優(yōu)化可以對頁面加載時間產(chǎn)生最大的影響。
雖然使用高清的圖片可以使我們的網(wǎng)站看起來很好,博客上的一些好的照片真的可以帶來很多的分享和評論。
但缺點(diǎn)是未優(yōu)化的圖像通常會很大,幾M甚至十幾M,嚴(yán)重拖慢網(wǎng)站的訪問速度。圖像很大也會占用大量HTTP請求。一般虛擬主機(jī)是有流量限制的。
如果您的網(wǎng)站上有很多圖片,這可能意味著更慢的頁面加載時間。因?yàn)閭儾皇菙z影網(wǎng)站,所以網(wǎng)站的內(nèi)容和加載速度比圖片美觀更為重要。
圖片的大小對網(wǎng)站的加速速度影響非常大,很多網(wǎng)站加載不完整,都是因?yàn)閳D片太大最后才加載出來。
我們可以在圖片上傳前優(yōu)化調(diào)整圖片尺寸,盡量不要超過1M,100-500kb最合適。
我們可以通過兩種方式對圖片進(jìn)行優(yōu)化。
第一種手動縮放和裁剪圖像或者壓縮
我們還可以使用無損或有損圖像壓縮使圖片變得更小,大多數(shù)人尋找無損壓縮,以確保他們的圖像在他們的網(wǎng)站上仍然看起來效果仍然很好,即使是被壓縮。
有一些工具像Photoshop一樣將圖片尺寸裁剪將,仍可以使用更簡單的方法來完成此操作。
首先選擇正確的主題 ,大部分高級主題都是“支持移動響應(yīng)式設(shè)計(jì)”,它們內(nèi)置的圖像縮放器或圖像縮放器,可以為不同的設(shè)備和屏幕尺寸創(chuàng)建不同的圖像上傳的縮略圖。
第二種也是推薦使用的一種方法,使用插件自動縮放和壓縮圖像
我測試了5種不同的圖像優(yōu)化插件和服務(wù)。讓我的頁面加載時間縮短了一些。特別是與移動端。
以下是我測試過的一些但是效果都不怎么好
●EWWW Image Optimzation Plugin(免費(fèi)工具,但是每次發(fā)布新的博客文章時,會拖慢網(wǎng)站的速度)。
●WP Smushit(現(xiàn)在有免費(fèi)和高級插件選項(xiàng),但是免費(fèi)效果不怎么明顯,付費(fèi)的感覺又不值這個價(jià))。
●Kraken.io(發(fā)現(xiàn)沒有什么效果)。
●ShortPixel(還是沒什么效果)。
所有上述產(chǎn)品都有其優(yōu)點(diǎn),但是我需要一種可以壓縮圖像,還可以創(chuàng)建的縮放,裁剪和調(diào)整大小的圖像的工具,這是一個非常關(guān)鍵的元素。
最后,經(jīng)過廣泛的研究,終于找到一個插件,可以滿足我所有的需求。
這是一個非常強(qiáng)大的WordPress插件名叫Imagify,由WP Rocket研發(fā),他們應(yīng)該是最懂網(wǎng)站速度優(yōu)化的。
用WordPress的Imagify插件連接到Imagify API服務(wù),用于圖像縮放和優(yōu)化。
對于大多數(shù)博客,您可以使用完全免費(fèi)Imagify,它們允許您每個月免費(fèi)使用該服務(wù)多達(dá)25 MB的圖像。
更重要的是,它可以非常好地優(yōu)化圖像。Imagify允許您在整個網(wǎng)站進(jìn)行批量優(yōu)化,然后在加載新圖像時進(jìn)行單獨(dú)優(yōu)化。 它優(yōu)化每個圖像,甚至是您的主題為您創(chuàng)建的圖像。
4.使用緩存插件
WordPress緩存插件顯然是非常有用的,可以減少服務(wù)器的壓力,也可以讓網(wǎng)站的訪問速度更快,所以,WordPress網(wǎng)站安裝緩存插件是必須的
WP Super Cache?是 WordPress 官方開發(fā)人員 Donncha 開發(fā)的,是目前最高效也是最靈活的 WordPress 靜態(tài)緩存插件。它把整個網(wǎng)頁直接生成 HTML 文件,這樣 Apache 就不用解析 PHP 腳本,通過使用這個插件,能使得你的網(wǎng)站速度將顯著的提速。
還有一個類似的插件W3 Total Cache,WP Fastest Cache??也有同樣的功能,選擇一個使用就可以。
還有一款付費(fèi)的最強(qiáng)大的緩存插件Wp-Rocket?,如果對速度比較在意使用這款插件吧,絕對不會讓你失望,價(jià)格也不貴每年39美金。
5、使用內(nèi)容傳送網(wǎng)絡(luò)(CDN)
你過你網(wǎng)站受眾是國外各個國家客戶,那么建議使用CDN全球加速服務(wù),保證各個國家都能順利訪問。
CDN通過復(fù)制您的網(wǎng)站并將其托管在世界各地的服務(wù)器上來提高您的網(wǎng)站速度。 比如你的網(wǎng)站是托管在美國,但是來自日本的人想要訪問它。 如果您不使用CDN,那么來自日本的訪客將不得不等待美國的服務(wù)器加載您的網(wǎng)站。 但是,如果您使用CDN,日本的服務(wù)器將加載您的網(wǎng)站,使日本訪客更快地加載。 這樣,無論訪問者在哪里,都可以確保您的站點(diǎn)從附近的服務(wù)器加載。
推薦的CDN服務(wù)是Max CDN,價(jià)格比較便宜,效果顯著,而且操作界面使用起來非常簡單只需要幾分鐘就可以設(shè)置完成。
6、優(yōu)化主頁以快速加載
雖然聽起來好像是一件事,但是需要做很多事情以確保您的主頁快速加載,這可能是您的網(wǎng)站最重要的部分,因?yàn)槿藗儗⒆畛TL問網(wǎng)站的主頁。
包括一下幾點(diǎn)事情:
顯示摘錄而不是完整的帖子
減少頁面上的帖子數(shù)(控制在5-7個之間顯示)
從主頁刪除不必要的社交分享小部件(僅在帖子中包含它們)
刪除不需要不經(jīng)常使用的插件和小工具
總體而言,網(wǎng)站的主頁不要太復(fù)雜,中國人就喜歡在網(wǎng)站上放大量 的內(nèi)容和雜七雜八的東西。
7.優(yōu)化WordPress數(shù)據(jù)庫
因?yàn)?WordPress 網(wǎng)站的頁面都是動態(tài)網(wǎng)頁,所以對數(shù)據(jù)庫的讀取很頻繁,數(shù)據(jù)庫優(yōu)化與否對于網(wǎng)站的訪問速度影響很大,因此我們需要經(jīng)常清理和優(yōu)化 WordPress 數(shù)據(jù)庫,手動太麻煩,大多數(shù)人也不會。
WP-Optimize?可以自動清理優(yōu)化數(shù)據(jù)庫,這個插件可以讓您做一個簡單的任務(wù):優(yōu)化數(shù)據(jù)庫(垃圾郵件,修訂版本,草稿,表格等),以減少開銷。
我還會推薦WP-DB Manager插件,它可以安排數(shù)據(jù)庫優(yōu)化的日期。
8、合并壓縮代碼
Autoptimize?這個插件能夠自動的合并 CSS 和 JS,并對其壓縮,非常的方便,還可以壓縮HTML而且一些主題會有大量的 inline CSS,當(dāng)開啟了合并 CSS 后,這些 inline CSS 會自動添加到文件中。支持CDN,可以選擇去除Google字體,使用這個插件需要測試下主題是否兼容,有的主題壓縮代碼可能會出現(xiàn)問題。
9.使用GZip頁面壓縮
協(xié)議上的GZIP編碼是一種用來改進(jìn)應(yīng)用程序性能的技術(shù)。大流量的站點(diǎn)常常使用GZIP壓縮技術(shù)來讓用戶感受更快的速度。這一般是指WWW服務(wù)器中安裝的一個功能,當(dāng)有人來訪問這個服務(wù)器中的網(wǎng)站時,服務(wù)器中的這個功能就將網(wǎng)頁內(nèi)容壓縮后傳輸?shù)絹碓L的電腦瀏覽器中顯示出來.一般對純文本內(nèi)容可壓縮到原大小的40%.這樣傳輸就快了,效果就是你點(diǎn)擊網(wǎng)址后會很快的顯示出來.當(dāng)然這也會增加服務(wù)器的負(fù)載. 一般服務(wù)器中都安裝有這個功能模塊的。
減少文件大小有兩個明顯的好處,一是可以減少存儲空間,二是通過網(wǎng)絡(luò)傳輸文件時,可以減少傳輸?shù)臅r間。gzip 是在 Linux系統(tǒng)中經(jīng)常使用的一個對文件進(jìn)行壓縮和解壓縮的命令,既方便又好用。
我們可以使用這個工具來檢查我們的 網(wǎng)站是否啟用了GZIP??Check GZIP Compression
很多插件都支持GZIP壓縮?Check and Enable GZIP compression?,WP Fastest Cache??。
10.調(diào)整Gravatar圖像
Gravatar頭像需要調(diào)取第三方服務(wù),這樣也會拖慢我們網(wǎng)站速度,如果你不建議沒有頭像或者不需要使用
可以在WordPress儀表板的討論選項(xiàng)卡中在中找到,設(shè)置為空白即可,而不是默認(rèn)圖像,這樣會有助于您的網(wǎng)站速度。
如果需要使用的話可以使用wp-user-avatars插件把頭像設(shè)置為本地。
11.將LazyLoad添加到您的圖像
圖片懶加載也就是圖片延時加載,簡單點(diǎn)說就是只加載頁面上能看到的圖片,從而減短頁面的等待時間,當(dāng)訪客需要看其他的圖片的時候再加載相應(yīng)的圖片。
這不僅可以加快頁面加載速度,還可以通過為不在頁面上滾動的用戶加載較少的數(shù)據(jù)來節(jié)省帶寬。
推薦的插件是Lazy Load安裝好以后默認(rèn)就已經(jīng)開啟,如果你需要特別的設(shè)置可以仔細(xì)研究下各個設(shè)置項(xiàng)。
12.控制存儲的修訂版本數(shù)量
所謂的文章修訂版就是你每次修改一次文章,它都會自動幫你保存修改之前的文章版本,專業(yè)術(shù)語叫做版本控制,這樣保證了在誤修改的情況下可以還原之前的內(nèi)容,這種功能對我們這種小博客來說并沒有太大的意義,而且會在數(shù)據(jù)庫產(chǎn)生很多無用的數(shù)據(jù),使你的數(shù)據(jù)庫越來越臃腫。
第一種方法,定期清理修訂版
WP Cleaner插件的功能很簡單,就是為了快速刪除自動保存的文章冗余修訂版和草稿的,節(jié)省空間,提高速度。界面也很簡單,直接安裝后可以使用,WP Cleaner插件有保護(hù)機(jī)制,無論怎么操作都不會影響已發(fā)布的文章。
第二種方法,修改WP安裝根目錄下的 wp-config.php 文件
// 不保存任何版本(除了自動保存的版本)
define(‘WP_POST_REVISIONS’,?false);
//保存所有修訂版本
define(‘WP_POST_REVISIONS’,?true);
// 保存 n 個修訂版本
define(‘WP_POST_REVISIONS’,?3);
保存修訂版本數(shù)設(shè)置為2或3,所以有些保存誤刪可以撤回,但不要太多。
13.關(guān)閉pingbacks和trackbacks
默認(rèn)情況下,WordPress與配備pingback和trackback服務(wù)。
每當(dāng)另一個博客提到您時,它會通知您的網(wǎng)站,從而更新該帖子上的數(shù)據(jù)。關(guān)閉此功能不會破壞您的網(wǎng)站的反向鏈接,可以禁用掉。
14.WordPress主題和插件更新到最新版本
WordPress,WordPress主題和插件更新的非常頻繁,每次更新都會添加一些功能,優(yōu)化性能,修復(fù)一些Bug,所以把這些都更新到最新版本,還可以保證網(wǎng)站更安全。
15、使用CloudFlare
這類似于上面關(guān)于使用CDN的部分,但是我很喜歡CloudFlare,因?yàn)槲以谖易詈玫木W(wǎng)絡(luò)分析帖子中討論過,我已經(jīng)決定在這里分開列出。
坦白說,CloudFlare以及上面討論的W3 Total Cache插件是一個非常有效的組合(他們相互整合),這將大大提高您的網(wǎng)站的速度,但是不僅可以提高安全性。
兩個都是免費(fèi)的!
WordPress加速已經(jīng)不是什么新鮮話題了,曾在一站長論壇里看到一篇關(guān)于WordPress提速的文章,講了很多的方法,用了一大堆插件,可能是想把WordPress加速做到極致吧。但讀完后卻是一頭霧水,我覺得這樣往往適得其反。
這里,我說一下個人感覺一些高效可行的方法:
一.圖片加載延遲
即圖片歲下拉滾動條依次顯示,這樣在很大程度上得到了提速,尤其是圖片比較多的站。方法很簡單,自己去網(wǎng)上搜索一下,非常的多。
二.圖片本地緩存
包括JS、Flash等,把這些元素緩存后,用戶第二次再去訪問你的站時,那速度將是秒開。推薦使用.htaccess緩存圖片,方法:直接在.htaccess中添加如下代碼:
# Image and Flash content Caching for One MonthFilesMatch “.(flv|gif|jpg|jpeg|png|ico|swf)$”Header set Cache-Control “max-age=2592000″/FilesMatch
這里說一下,WordPress評論者頭像gravatar,大家可能感覺到了,Gravatar明顯會拖慢 網(wǎng)站速度,以至于一些博客不讓顯示Gravatar頭像或用神秘人代替了。也有一些站點(diǎn)追求比較苛刻,本地化了Gravatar頭像,后者我不推薦,尤其 是網(wǎng)站評論較多,那將給服務(wù)器帶來巨大的壓力。
三.開啟wordpress的GZIP
首先你可以用站長工具檢測一下代碼是否有必要壓縮
開啟gzip方法也很多,
方法1:使用gzippy插件,直接安裝啟用即可。
方法2:在Cpanel面板中實(shí)現(xiàn)
C面板中有個 Optimize Website 圖標(biāo),點(diǎn)擊進(jìn)入后選中 Compress all content,Update settings即可開啟我們的網(wǎng)站加速功能~當(dāng)然,我們也可以根據(jù)自己的需要,選擇第三項(xiàng),壓縮指定的類型以節(jié)約服務(wù)器資源。
方法3:通過.htaccess實(shí)現(xiàn),加入規(guī)則:
ifmodule mod_deflate.c
AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/x-httpd-php application/x-javascript
/ifmodule
四:靜態(tài)化頁面減少對數(shù)據(jù)庫的查詢
wp super cache插件 它把整個網(wǎng)頁直接生成 HTML 文件,這樣 Apache 就不用解析 PHP 腳本,通過使用這個插件,能使得你的 WordPress 博客將顯著的提速。
當(dāng)然,如果你不靜態(tài)化頁面,也可以緩存數(shù)據(jù)庫,DB cache插件比較不錯。
小結(jié):
如果這四大方法你都用上了,那你的WordPress速度提升基本已經(jīng)發(fā)揮的淋漓盡致了,最后我們要注 意一下,經(jīng)常在打開你博客的時候,觀察狀態(tài)欄的加載情況。見過一些站,因?yàn)槭褂昧送獠縅S結(jié)果那個站點(diǎn)掛掉的時候?qū)е伦约旱恼军c(diǎn)整個都打不開。還有就是經(jīng) 常清理和優(yōu)化你的數(shù)據(jù)庫,這一點(diǎn)是至關(guān)重要的,數(shù)據(jù)庫在查詢中產(chǎn)生碎片,WordPress在運(yùn)行時也會殘留一些垃圾,尤其是代碼高亮插件和 WordPress自動保存功能。