精品主題,實戰(zhàn)科普,最新行業(yè)熱點話題,隨時掌握云上咨訊。
在網(wǎng)站開發(fā)的過程中,對剛?cè)腴T的初級程序員來說經(jīng)常會遇到一些比較難以解決的問題,比如:網(wǎng)站的網(wǎng)頁速度打開緩慢的問題,剛?cè)腴T的程序員只知道去實現(xiàn)功能,認(rèn)為只要網(wǎng)站建設(shè)的功能都能實現(xiàn)就可以了,但是有時網(wǎng)站的速度打開過慢必然會影響到用戶對網(wǎng)站的用戶體驗,因此,網(wǎng)站的打開速度是一個網(wǎng)站很重要的一個因素,鑒于此,北京建設(shè)網(wǎng)站公司總結(jié)了一些經(jīng)驗來跟大家分享一下。
造成網(wǎng)站的打開速度緩慢的原因一般有兩種,一種是服務(wù)器網(wǎng)絡(luò)自身帶寬的限制,一種是網(wǎng)站代碼結(jié)構(gòu)的優(yōu)化是否到位。第一種的問題解決只能通過去根據(jù)網(wǎng)站的并發(fā)訪問量來適當(dāng)?shù)奶岣呔W(wǎng)站服務(wù)器的帶寬來解決。第二種的問題是屬于網(wǎng)站開發(fā)的問題,一個專業(yè)的網(wǎng)站制作公司和一個非專業(yè)的建站公司或者是個人建站是有這巨大的差別的。專業(yè)的網(wǎng)站制作公司有非常多的網(wǎng)站設(shè)計規(guī)范和網(wǎng)站開發(fā)規(guī)范,要求每個程序員都要按照這個規(guī)范來嚴(yán)格的執(zhí)行,不能根據(jù)程序員自己的想法隨意的開發(fā)項目。
正因為如此一些初級程序員做出來的網(wǎng)站就可能出現(xiàn)網(wǎng)站打開速度很慢,影響了網(wǎng)站的用戶體驗。主要是因為:
1.編寫代碼不夠規(guī)范。由于經(jīng)驗不足,編寫代碼方式是天馬行空,沒有規(guī)整的書寫格式。
2.頁面使用了很多大尺寸的圖片。頁面使用的圖片過大,造成頁面打開加載圖片過多。
3.頁面數(shù)據(jù)頻繁的訪問數(shù)據(jù),訪問數(shù)據(jù)庫的sql語句沒有經(jīng)過優(yōu)化造成訪問數(shù)據(jù)庫耗時過多。
4.服務(wù)器web管理器沒有做配置,造成圖片重復(fù)下載。
總結(jié)了以上問題之后,我們來看看如何去避免以上的這些問題,同時也說一下提高頁面加載速度的方法。
1.對圖片集中的區(qū)域采用iframe框架引用
2.對頁面中圖片的自身大小進行壓縮處理,一般小尺寸圖片要控制在10k以內(nèi),中型尺寸圖片控制在50k以內(nèi),大尺寸圖片控制在80k以內(nèi),特殊情況的除外。
3.圖片要限制具體的高度和寬度。特殊情況的除外。
4.當(dāng)客戶端瀏覽器解析html標(biāo)簽時,當(dāng)遇到js、css、圖片時,會重新向服務(wù)器發(fā)起一次http請求對應(yīng)的文件。而這個重新請求不僅消耗服務(wù)器資源,而且還使得客戶端顯得加載很慢。故應(yīng)該盡量減少這種請求次數(shù),當(dāng)從如下幾方面入手:
(1)減少或合并js文件、css文件,其目的是減少客戶端對服務(wù)器的http請求次數(shù),這個一般不做要求。
(2)對首頁的多處背景小圖片采用css splite方法進行合并,其目的是減少客戶端對服務(wù)器的http請求次數(shù)。
(3)上對該網(wǎng)站的圖片文件夾和js文件夾、css等啟用客戶端緩存(詢問服務(wù)器管理員是否配置即可)
(4)對于前臺頁面一般情況下將所有用到的js引用或js代碼塊全部放到頁面最后