歡迎來到合肥浪訊網絡科技有限公司官網
  咨詢服務熱線:400-0678-380

10個技巧助您進步網站拜訪速度

發布時間:2020-02-20 文章來源:本站  瀏覽次數:60

網站的拜訪速度和性能對用戶體驗來說是非常重要的。假如你的網站拜訪非常的慢,你不僅會失去用戶,并且更可怕的是你會失去潛在的客戶。像Google這樣的互聯網巨子也會把網站拜訪速度作為排名的一個參數。因而當你需求優化網站速度時,你需求考慮方方面面,每個毫秒。這里對改進網站性能提出一些基礎和普遍的主張。

1、假如或許的話,推遲加載一些內容
能夠運用Ajax來按需加載部分內容。比方一個相冊,能夠在用戶瀏覽頁面時先出縮略圖,當用戶點擊了,然后異步請求原圖并展現,這樣用戶假如只需求看幾張圖片,就不需求等候一切圖片都加載下來。這種開發模式叫做推遲加載。
Ajax/Web開發類庫如jQuery,Prototype,與及MooTools能夠使得推遲加載更容易實現。

2、運用外部JS和CSS文件
當用戶第一次加載網頁時,瀏覽器會緩存住外部的CSS和JavaScript文件,所以將javascript和CSS放到外部文件比內聯的會好。
運用內聯CSS還會添加網頁的烘托時刻,讓一切款式都界說在你的主CSS文件中使得瀏覽器烘托頁面時少做一些工作,由于它一開始就知道一切需求運用的款式規則。另外運用外部javascript和css文件也有助于保護代碼。

3、運用緩存體系
假如你發現網站總是連接數據庫來查詢產生出同樣的結果,或許就需求運用緩存體系了。運用緩存的話,只需求生成一次特定的內容而不需求用戶每次拜訪的時候都去生成。緩存體系也會依據配置周期性的刷新緩存。你能夠生成靜態HTML頁,以減小服務器腳本執行的開消,或者運用數據庫和服務端腳本緩存體系,比方PHP的加速器,memcached等。

4、避免在html中改動圖片巨細
假如一張圖片原本是1280*900px的,可是你需求它顯現為400*280px的,你應該用圖片編輯器,如Photoshop來改動它的巨細,而不是運用HTML的width和height特點。

5、不要運用圖片來展現文字
圖片中的文字不但對用戶不友好(無法仿制等),對SEO也沒有好處,并且運用圖片來顯現文字會添加頁面加載時刻。假如你需求在網站中運用許多自界說的字體,能夠考慮運用CSS的@font-face特性去更有功率地展現特定字體。

6、運用正確的文件格局來優化圖片巨細
通過選擇正確的力圖片格局,你能夠在不丟失圖片質量的情況下優化圖片巨細。例如,除非你需求PNG提供的圖片透明,不然JPG一般來說能夠在較小的文件情況下逼真地顯現圖片。

7、優化寫代碼的方式
檢查你的源代碼,看看是否一切標簽都是需求的,或是可不能夠用CSS來替代。有效的書寫代碼不但減小HTML和CSS文件的巨細,也能便利保護。

8、在文檔的最終加載javascript
一切scripts都在頁面最終加載會比一開始就加載好,它能夠讓瀏覽器在加載javascript前烘托一切東西。瀏覽器在javascript下載完之前堵塞下面的內容的加載。假如能夠的話,盡量將javascript放在緊挨著body結束標簽的地方。

9、運用內容分發網絡(Content Delivery Network,CDN)
網站的速度和用戶相對于服務器的位置有很大的聯系。將內容分發到不同的地理位置或許能夠緩解這個問題。運用CDN或許會添加費用,可是收益也是很明顯的。

10、優化網頁緩存
既然運用了緩存體系,你應該運用盡或許多的緩存技術。網頁緩存是瀏覽器端對文件做的緩存,然后供用戶之后的拜訪。瀏覽器能夠緩存的內容包含CSS文件,javascript文件和圖片。

除了把多個頁面都用到的CSS和javascript放在一個外部文件以外,還有許多方法來保證文件緩存起到最大的效果。例如你能夠設置HTTP響應頭為Expires和Last-Modified來削減用戶重新拜訪你網站時特定文件重新下載的次數

上一條:擬定規劃的準則...

下一條:網頁規劃中的文字運用...

联盈策略