2022-09-24 分類: 網(wǎng)站建設(shè)
眾所周知,網(wǎng)頁的速度已成為影響搜索引擎排名的重要因素。隨著超高速寬帶使用人群的日漸龐大,加載速度慢的網(wǎng)站形勢緊張。在這里,筆者將針對如何優(yōu)化網(wǎng)站加載時間,分享一些實際的意見。
壓縮CSS
CSS(層疊樣式表,使你網(wǎng)站美觀的文件)經(jīng)常被忽視。任何合理的網(wǎng)站,CSS文件都可以有成百上萬行的代碼,每個標(biāo)簽、空間、額外的逗號、換行和代碼注釋使你的文件大小增加。雖然它使人們編碼時更容易,但卻可以減緩你的網(wǎng)站速度。
對此的解決方法是為開發(fā)人員的工作保持原始副本,然后為網(wǎng)站縮減代碼(刪除所有不必要的),這樣可以平均節(jié)省達(dá)到20-30%,特別在大的文件上這是很有幫助的。雖然Page Speed 在其壓縮器內(nèi)有一個相關(guān)設(shè)置,大的壓縮可以使你贏得大的儲存量。
壓縮javascript
同樣,許多人忘記壓縮javascript,所有這些空間加起來,在大文件上可以使用大量的空間,更因此現(xiàn)今如jQuery和MooTools的javascript庫已十分普遍。
PageSpeed也在壓縮器內(nèi)有相關(guān)設(shè)置。
減少文件請求
網(wǎng)站向服務(wù)器獲取文件的每一個請求都會使加載網(wǎng)頁的速度變慢,所以請求越多速度越慢。
當(dāng)你(或你的團(tuán)隊)建立一個網(wǎng)站時,要考慮哪里可以避免使用圖像而造成影響, 建議使用CSS來取代。舉幾個小的例子,就如漸變,按鈕,圓角等等,還有更多,所有這些都可以用CSS來實現(xiàn)。
這也包括你對CSS和javascript文件發(fā)出的請求??紤]以下幾點:
你可以看到有很多javascript文件的請求,所有這些都可以合并成一個請求一次的單一文件。
利用瀏覽器緩存
你不僅可以大限度地減少文件,也可以使用用戶瀏覽器緩存(或下載并使用一個本地副本),而不是每次重裝文件。這節(jié)省了請求,也使得對回訪者的載入更快。
看看谷歌的頁面緩存:http://code.google.com/speed/page-speed/docs/caching.html
重定向最小化
重定向需要時間。你花費時間越多,用戶到達(dá)你重定向頁面的時間越長。
無論何時何地盡量避免使用它們。
優(yōu)化圖片
這也是一個通常被忽視的。如果你的網(wǎng)站有很多或大的圖片,那么它們將需要時間來載入。知道以哪種文件類型保存圖片是成功的一半。在Photoshop或Fireworks,圖像導(dǎo)出向?qū)嬖V你什么文件的大小將在字節(jié)或千字節(jié)內(nèi)。簡單的圖像往往是在PNG格式內(nèi)更小,而更復(fù)雜的圖像往往是JPG更好。也有根據(jù)不同程度的質(zhì)量而異的情況。
避免不良的CSS
CSS簡單易學(xué)但很難掌握,對于學(xué)習(xí)如何寫出更好的CSS,這里有一些很好的網(wǎng)站,你或你的開發(fā)人員都應(yīng)該看看,這甚至值得每個人學(xué)習(xí)。
啟用壓縮
你還可以啟用gzip或在你的服務(wù)器上壓縮,這將減少正發(fā)送給訪客的HTML文件,CSS大小等。再次強(qiáng)調(diào),更小的文件大小等于快速載入時間。
使用一個CDN
CDN是一種在你的網(wǎng)站上展示媒體的奇妙而廉價的方式。這并不是讓你的網(wǎng)站發(fā)送圖片,例如發(fā)送給訪問者,而是從一個類似于亞馬遜S3服務(wù)的CDN上加載它們,從而卸下你服務(wù)器上的負(fù)載,使其能夠為更多的訪客服務(wù)。
使用緩存系統(tǒng)
近來幾乎所有網(wǎng)站都使用數(shù)據(jù)庫,電子商務(wù)網(wǎng)站和博客是這方面好的例子。正如之前所說,你對每個服務(wù)器的每一個請求,減緩了網(wǎng)頁加載速度,而數(shù)據(jù)庫也正是如此。每次加載頁面時,數(shù)據(jù)庫的信息被請求然后反饋給訪問者。
在試圖滿足每一個請求的負(fù)荷下,服務(wù)器每秒只能處理一定量的請求,而這正是緩存系統(tǒng)需要發(fā)揮作用的。
緩存系統(tǒng)將每小時一次地調(diào)用和“保存”結(jié)果信息,每個訪客將得到保存的版本,直到它再次更新,這是像Facebook這種要應(yīng)付它們的數(shù)據(jù)庫每秒得到的數(shù)以百萬計的請求得到他們的數(shù)據(jù)庫每秒鐘處理的網(wǎng)站原則上的方式。
這種戰(zhàn)術(shù)通常只需要中等至較大的網(wǎng)站,但是如果你使用預(yù)建如WordPress或Magento安裝包,那么你可以很容易地實現(xiàn)緩存。
WordPress
筆者最喜歡的緩存插件WordPress是一種超高速緩存插件。只需五分鐘的安裝/配置時間,就將幫助你處理大量的流量和流量峰值。另外,還有許多類似于Wordpress的其它緩存插件也能保證快速搜索。
電子商務(wù)
大多數(shù)電子商務(wù)包內(nèi)置高速緩存,例如Magento就有一個很好的內(nèi)置緩存系統(tǒng)。如果你已經(jīng)建立自己的電子商務(wù)軟件,并發(fā)現(xiàn)它加載很慢,那么你應(yīng)該考慮應(yīng)用一個像memcache一樣的緩存系統(tǒng)。
寫出良好的代碼
這一點似乎是顯而易見的,但寫出本身不需要重復(fù)的干凈代碼可以使你的網(wǎng)站快得多。如果上述沒有一個方法加快你網(wǎng)站速度的話,假如你有自定義的軟件,那么它可能非常值得移入一個預(yù)先建立的解決方案或重建系統(tǒng)。
不管你網(wǎng)站前端所做的努力有多好。后端不良的優(yōu)化代碼必然會減慢網(wǎng)站的速度。
檢查你的硬件
如果你使用諸如WordPress的預(yù)建軟件,那么你只需要更新。開發(fā)商常常會寫出更高效的代碼,并解決了很多問題。如果你使用的是舊版本,那么你就不會受益于它們的改進(jìn)。
當(dāng)你升級的時候請注意,首先要在一個單獨的服務(wù)器對升級進(jìn)行測試。不要只升級你的在線網(wǎng)站而希望程序不會中止,事實證明,這是經(jīng)常發(fā)生的。
當(dāng)前標(biāo)題:如何優(yōu)化您的網(wǎng)站加載時間
文章分享:http://m.rwnh.cn/news41/197591.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供服務(wù)器托管、外貿(mào)建站、營銷型網(wǎng)站建設(shè)、做網(wǎng)站、網(wǎng)站策劃、小程序開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容