網(wǎng)站優(yōu)化雖然說(shuō)是不是一個(gè)純技術(shù)性工種,對(duì)于專(zhuān)業(yè)技術(shù)要求不高,但是有些必要的技術(shù)還是需要懂的,而再實(shí)戰(zhàn)中,SEO技術(shù)也需要必須而且合理的應(yīng)用到網(wǎng)頁(yè)中。
1.減少http請(qǐng)求
圖片地圖--一個(gè)圖片上關(guān)聯(lián)多個(gè)url,目標(biāo)url的選擇取決于用戶(hù)點(diǎn)擊了圖片上的哪個(gè)位置。
css sprites--將多個(gè)圖片合并到一個(gè)單獨(dú)的圖片上,使用background-position屬性。
內(nèi)聯(lián)圖片--使用data:URL模式在Web頁(yè)面中包含圖片但無(wú)需任何額外的http請(qǐng)求。
合并腳本和樣式表--每個(gè)文件都需要一個(gè)額外的http請(qǐng)求,分別合并到一個(gè)文件中,可以減少http請(qǐng)求的數(shù)量并縮短最終用戶(hù)響應(yīng)時(shí)間。
——減少http請(qǐng)求
2.使用內(nèi)容發(fā)布網(wǎng)絡(luò)
如果應(yīng)用程序web服務(wù)器離用戶(hù)更近,則一個(gè)http請(qǐng)求響應(yīng)時(shí)間將縮短。
如果組件web服務(wù)器離用戶(hù)更近,則多個(gè)http請(qǐng)求響應(yīng)時(shí)間將縮短。
內(nèi)容發(fā)布網(wǎng)絡(luò)(CDN)是一組分布在多個(gè)不同地理位置的web服務(wù)器,用于更加有效地向用戶(hù)發(fā)布內(nèi)容。
除了縮短響應(yīng)時(shí)間之外,cdn還可以帶來(lái)其他優(yōu)勢(shì)。他們的服務(wù)包括備份、擴(kuò)展存儲(chǔ)能力和進(jìn)行緩存。cdn還有助于緩和web流量峰值壓力。
依賴(lài)CDN的一個(gè)缺點(diǎn)是你的響應(yīng)時(shí)間可能會(huì)受到其他網(wǎng)站-甚至很可能是你的競(jìng)爭(zhēng)對(duì)手流量的影響。
——使用內(nèi)容發(fā)布網(wǎng)絡(luò)
3.添加Expires頭
web服務(wù)器使用expires頭告訴web客戶(hù)端它可以使用一個(gè)組件的當(dāng)前副本,直到指定時(shí)間為止。
例:Expires:Mon,15 Apr 2099 20:00:00 GMT
如果網(wǎng)站優(yōu)化為頁(yè)面中的一個(gè)圖片返回了這個(gè)頭,瀏覽器在后續(xù)的頁(yè)面瀏覽中會(huì)使用緩存的圖片,將http請(qǐng)求的數(shù)量減少一個(gè)。
HTTP1.1引入了Cache-Control頭來(lái)克服expires頭的限制。因?yàn)閑xpires頭使用一個(gè)特定的時(shí)間,它要求服務(wù)器的客戶(hù)端的時(shí)鐘嚴(yán)格同步。另外,過(guò)期時(shí)間需要經(jīng)常檢查,萬(wàn)一未來(lái)這一天到了,還需要配置一個(gè)新的日期。
Cache-Control使用max-age指令指定組件被緩存多久。
例:Cache-Control:max-age=315360000
(mod_expires Apacha模塊可以使expires頭像max-age那樣以相對(duì)的方式設(shè)置日期,將過(guò)期時(shí)間設(shè)計(jì)為自請(qǐng)求開(kāi)始的10年之后,有需要自行查詢(xún))
不僅僅是圖片--為圖片使用長(zhǎng)久的expires頭很常見(jiàn),但長(zhǎng)久的expires頭應(yīng)該包含任何不經(jīng)常變化的組件,包括腳本、樣式表和flash組件,但html不應(yīng)該使用。
——為組件添加長(zhǎng)久的expires頭
4.壓縮組件
例:Accept-Encodeing:gzip,deflate
Apacha 1.3的mod_gzip
Apacha 2.x的mod_deflate
代理緩存--web服務(wù)器可以告訴代理根據(jù)一個(gè)或者多個(gè)請(qǐng)求頭來(lái)改變緩存的響應(yīng)。
例:Vary:Accept-Encoding
——壓縮腳本和樣式表
5.將樣式表放在頂部
——使用LINK標(biāo)簽將樣式表放在文檔HEAD中
6.將腳本放在底部
——將腳本移到頁(yè)面底部
7.避免css表達(dá)式
例:background-color:expression((new Date()).getHours()%2 ? “#fff”:“#000”);
上面寫(xiě)法會(huì)導(dǎo)致網(wǎng)站優(yōu)化頁(yè)面多次求值降低性能。
IE不支持min-width屬性,可以用表達(dá)式的方式解決。
width:expression(document.body.clientWidth<600?"600px":"auto");
min-width:600px;
實(shí)際使用過(guò)程中,應(yīng)避免這種寫(xiě)法。
——避免css表達(dá)式
8.使用外部javascript和css
——將javascript和css放到外部文件中
9.減少DNS查找
將組件分別放到至少2個(gè),但不超過(guò)4個(gè)主機(jī)名下。
——通過(guò)使用keep-alive和較少的域名來(lái)減少DNS查找
10.精簡(jiǎn)javascript
——對(duì)javascript源代碼進(jìn)行精簡(jiǎn)
11. 避免重定向
發(fā)生重定向的情況:
缺少結(jié)尾的斜線(xiàn);
連接網(wǎng)站--使用重定向連接兩個(gè)網(wǎng)站;
跟蹤內(nèi)部流量;
跟蹤出站流量;
美化url。
解決方案:Alias,mod_rewite,DirectorySlash。
——尋找一種避免重定向的方法
12.刪除重復(fù)腳本
——確保腳本只被包含一次
13.配置ETag
實(shí)體標(biāo)簽是web服務(wù)器和瀏覽器用于確認(rèn)緩存組件有效性的一種機(jī)制。
——配置或者移除ETag
網(wǎng)頁(yè)標(biāo)題:【百度seo建議】網(wǎng)站優(yōu)化中關(guān)于SEO技術(shù)性建議
鏈接分享:http://www.rwnh.cn/article10/dghejgo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)網(wǎng)站建設(shè)、Google、小程序開(kāi)發(fā)、、做網(wǎng)站、移動(dòng)網(wǎng)站建設(shè)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)