如何提升網頁加載速度
對於那些網速並不理想的用户來説,網頁加載過慢可能會是一個非常頭疼的問題。那麼如何提升網頁加載速度呢?隨小編一起來探討一下吧!
一、優化圖片
這個絕對是顯而易見的,可以看到圖片佔據的頁面內容分量最重。在現代網頁設計中,圖片絕對佔據了大部分的內容。你需要針對你的頁面重新定義圖片大小。這能夠有效地幫助你減少頁面大小。而且,這裏有很多的`功能能夠幫助你針對圖片減肥,例如,Smush.it和TinyPNG
二、壓縮CSS和JavaScript代碼
有效地壓縮CSS和Javascript代碼能夠有效地減少頁面大小,你可以刪除空格優化代碼。當然,壓縮代碼對於代碼閲讀不是非常有用,但是一般作為產品環境來説,我們通過這種方式可以有效地減少頁面加載時間。
三、避免使用@import
@import CSS語法允許你加載其它的CSS文件。有時間非常有幫助,但是它並不是和主文件一起下載的,所以可能會增加頁面加載時間。建議使用link標籤,這樣會更加高效。
四、減少HTTP請求次數
減少HTTP請求次數可以幫助你有效的增加網站加載速度。你可以使用如下方式:
1. 融合文件
將不同的樣式表文章合成一個文件可以減少http請求的次數。同樣對於javascript來説也適用。
2. 使用CSS sprites
使用sprites可以幫助你把多個圖片文件放置到一個文件裏,這樣可以減少圖片下載的次數。
五、利用瀏覽器緩存
可能你的網站中包含了一些並不常常變化的文件。例如,圖片,CSS,javascript等等。如果讓瀏覽器來緩存文件的話可以幫助你增加網頁加載速度。通常我們使用Web服務器的配置來達到效果.
比較簡單的方式是更新服務器的cess文件。如下是代碼:
# Enable Expirations
ExpiresActive On
# Default Expiration Time
ExpiresDefault “access plus 1 month”
# Expiration for Images
ExpiresByType image/gif “access plus 1 month”
ExpiresByType image/png “access plus 1 month”
ExpiresByType image/jpg “access plus 1 month”
ExpiresByType image/jpeg “access plus 1 month”
# Expiration for CSS
ExpiresByType text/css “access plus 1 month”
# Expiration for JavaScript
ExpiresByType application/javascript ”access plus 1 month“
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
HTML5教程:畫布Canvas基礎知識講解
Canvas是HTML5最讓人期待的特性之一,目前已獲得大部分Web瀏覽器支持Canvas可以幫助創建遊戲、增強圖形用户界面。下面YJBYS小編為大家帶來畫布Canvas基礎知識,希望對大家學習有所幫助!HTML5規範引進了很多新特性,其中最令人期待的之一就是Canvas元素。HTML5Canvas...
-
如何獲取PHP數組的鍵與值呢
array_keys($array);//獲取數組(字典)的所有鍵值,返回一個鍵值數組。array_values($array)://獲取數組的所有value值,飯回一個數組。<?php$json='{"a":1,"b":2,"c":3,"d":4,"e":5}';//註明:value不帶雙引號時,其值只能是數字。【!!!注意:大括號兩邊只能是單引號,...
-
PHP開發工程師的主要職責
PHP開發工程師的主要職責1職責:1、負責公司後端的研發,保障系統的穩定性和質量2、與業務需求部門及項目經理溝通,理解需求,進行架構設計;3、搭建開發框架、負責核心代碼的編寫,解決技術難點;4、界定、分析和解決系統中存在的問題和缺陷;5、對系統進行持續改進,提升系...