1、head部分代碼規范化
head部分代碼是搜索引擎爬行網站的入口部分,將網站的代碼規范化,
建立起網站獨一無二的head部分,
2、使用div+css布局網頁
大多數網頁都在用div+css另外,一些網站會使用外部檔案,將css和js放在外部檔案中,頁面html中只要放一行代碼呼叫就可以了,
3、css優化
css是頁面效果呈現中非常重要的組成部分,它包括顏色、大小尺寸、背景和字體等,所有css定義代碼的位置要放到網站之前,
網站上的一些圖片可以采用css sprite技術進行合并,減少加載請求次數,從而提高網頁的加載速度,減小css檔案的大小,盡量不要使用內嵌式css,
將html控制方式轉換為CSS控制比如利用標簽內對內容進行控制,比如img標簽里通過width和height來控制圖片的大小,盡量將這些代碼轉換成外調式的CSS,使網頁代碼減少,
4、JS優化
將js放在頁面最后,這樣可以加快頁面打開速度,合并js合并相同域名下的js,通過減少網路連接次數從而提高網頁的打開速度,
當前的搜索引擎還是不能夠識別JS代碼的,可以將用到Javascript代碼用外部呼叫的形式放在網站中,降低頁面對于JS的依賴性,尤其是頁面的關鍵位置如導航欄,盡量采用DIV+CSS的設計方法,
5、清除頁面中多余的代碼,比如注釋代碼,減少頁面代碼的容量,
6、快取靜態資源
通過設定瀏覽器快取,將css、js等不太經常更新的檔案快取在瀏覽器端,
這樣同一訪客再次訪問你的網站的時候,瀏覽器就可以從瀏覽器的快取中獲取css、js等,在一定程度上加快了網站的打開速度,而不必每次都從你的服務器讀取,節省服務器流量,
7、網頁壓縮技術
啟用服務器Gzip,對頁面Gzip壓縮,減少元素的體積,從而減少資料的傳輸,進而提高網頁的打開速度,
8.雪碧圖
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/106436.html
標籤:Html/Css
下一篇:css之純css實作流程導航效果
