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