發(fā)布時間:2020-12-15 14:30:23文章分類:網(wǎng)站建設須知編輯作者:管理員閱讀量:1176937
概述:中小企業(yè)的網(wǎng)站如何快速讓用戶進行瀏覽呢?從服務器設置到網(wǎng)站建設程序,再到網(wǎng)頁設計中的圖片,js, CSS等細節(jié)都要考慮。從用戶體驗的角度,網(wǎng)站打開速度快,用戶響應時間及時。從seo推廣的角度,網(wǎng)站打開快更能讓搜索引擎加分。
一、我們在網(wǎng)站建設中解決服務器的設置問題
減少HTTP請求數(shù). 減少HTTP請求數(shù)有什么好處
降低服務器跟客戶端的建立和消除HTTP請求和響應Header的開銷
減少服務器為HTTP連接的進程和線程的開銷,如果可能,還會包括GZIP壓縮的CPU開銷.
減小被請求文件大小, 減少請求數(shù)據(jù)占用的網(wǎng)絡帶寬.
讓用戶更快的看到想要的結(jié)果.
提高客戶端渲染速度.
讓瀏覽器同時能請求更多的數(shù)據(jù).
提高服務器相應速度.
通過版本化控制客戶端Cache.
二、如何解決網(wǎng)頁設計時的問題,網(wǎng)頁打開速度越是快,seo推廣更有效果
A.如何減少HTTP請求數(shù)
合并JS文件跟CSS文件。
合并框架圖片以及相對變動較少的圖片成一張,通過CSS背景切割來完成渲染,比如:加速圖片顯示。
合理使用本地Cache來緩存JS/CSS/IMAGE。
合理使用UserData緩存JS文件,對于FF用戶可以單獨請求服務器,這樣能解決80%用戶的問題.代碼可以(meizz)的js framework1(標注1)。
把JS跟CSS合并成一個文件
B.減小被請求文件大小,減少請求數(shù)據(jù)占用的網(wǎng)絡帶寬
壓縮JS體積:刪除JS中空白換行,注釋,混淆把長變量換成短變量;
壓縮CSS體積:刪除CSS注釋、寫法盡量用簡寫;
使用(X)HTML+CSS方式搭建網(wǎng)站結(jié)構(gòu),提高CSS重用性,來減少(X)HTML文件大小;
使用服務器端GZIP壓縮JS/ CSS文件,縮小傳輸文件大小。附注:Apache1跟Apache2的GZIP的效率跟方式不一樣的,根據(jù)需要自行選擇。
補充說明:壓縮、合并JS和CSS都由程序處理。而不是自己手動去縮刪,不然不利于后期維護。
C.讓用戶更快的看到想要的結(jié)果
用戶對于一個站點的白頁的忍受時間根據(jù)統(tǒng)計是8-12秒。白頁的產(chǎn)生可能由于各種原因引起,我們能做的就是怎么讓用戶能變的稍微能等待更久。
方案1:多做一個引導頁,讓用戶體會其中的變化
案例:mail.aol.com中的loading引導頁
方案2:優(yōu)先載入頁面結(jié)構(gòu)以及結(jié)構(gòu)圖片,后一步載入當前頁面數(shù)據(jù),再后一步載入Iframe,Flash等數(shù)據(jù).讓用戶盡早的看到被打開頁面的希望.
D.提高客戶端渲染速度
這個問題就比較泛泛了,影響客戶端的渲染速度有多方面的,主要目的都是提高程序方面的效率.
對于大索引的結(jié)構(gòu),盡可能的少用索引訪問,能用訪問兄弟節(jié)點的方式盡可能用訪問兄弟節(jié)點的方式.
字符串拼接盡可能用數(shù)組方式
大規(guī)模添加節(jié)點數(shù)據(jù),請不要使用appendChild方式,盡量使用類似innerHTML的insertAdjacentHTML方式,FF下需修正
E.讓瀏覽器同時能請求更多的數(shù)據(jù).
瀏覽器默認只是支持單域名同時有兩個HTTP請求,使用多域名姜能把請求數(shù)提高,在網(wǎng)絡條件優(yōu)良的情況下,能更快的下載數(shù)據(jù),呈現(xiàn)結(jié)果.
F.提高服務器相應速度
對于需快速響應的文件,把其放入快速響應的服務器,應該是不錯的方案,優(yōu)化方案請系統(tǒng)儲備組提供.
G.通過版本化控制客戶端Cache
通常js/css這類文件改動比較頻繁,但是為了加載速度變快,我們有可能需要設定這類文件的過期時間為幾天后,這樣我們碰到的問題就是,如何及時更新這些在cache的文件?
通過一個簡單的配置,通過修改JS的版本來及時告訴瀏覽器,這些文件必須重新請求了,不要繼續(xù)使用瀏覽器cache中的數(shù)據(jù). 方案有好幾個:
手動改這些js的文件名
手動改這些js的路徑
通過URL Rewrite方式來改重定位js路徑
通過一個在高響應服務器上的一個js配置告知頁面,這個頁面該鏈接哪些JS文件
大版本不變,小版本不斷追加,等一定時間后,統(tǒng)一更新,高效利用cache
標注
meizz的js framework還沒出正式版,有興趣在CSDN的頁面翻一下
Firefox修正方式
function addHTML(oParentNode, sHTML) {
if(window.addEventListener) {// for MOZ
var oRange = oParentNode.ownerDocument.createRange();
oRange.setStartBefore(oParentNode);
var oFrag = oRange.createContextualFragment(sHTML);
oParentNode.appendChild(oFrag);
}
else {// for IE5+
oParentNode.insertAdjacentHTML("BeforeEnd", sHTML);
}
}
( 責任編輯:SEO優(yōu)化-帝壹網(wǎng)絡掃一掃關(guān)注我吧 )
本文由網(wǎng)絡推廣實戰(zhàn)家帝壹網(wǎng)絡品牌精心原創(chuàng)編輯,如果您還想了解更多關(guān)于SEO優(yōu)化的文章,請點擊查看網(wǎng)站建設和網(wǎng)絡營銷推廣的其它文章,轉(zhuǎn)發(fā)請注明來源及版權(quán)歸屬。
詳情訪問官網(wǎng): 網(wǎng)絡建設,網(wǎng)絡整合推廣,高端網(wǎng)站制作,營銷落地頁策劃,關(guān)鍵詞優(yōu)化排名,顧問營銷培訓,微信平臺開發(fā),微信營銷推廣,新聞稿發(fā)布,口碑問答營銷,價格優(yōu)惠多多 ,多種套餐服務選擇,有買有送。
相關(guān)評論
晶宇門窗廠通過網(wǎng)絡推廣年營業(yè)額達500萬以上
一、重慶晶宇網(wǎng)絡營銷項目背景:單位名稱:重慶晶宇金屬門窗廠主要從事:卷簾門、卷閘門、防火門、工業(yè)門行業(yè)已有20多年,積累了豐富門業(yè)生產(chǎn)、銷售、批發(fā)的經(jīng)驗。想通過互聯(lián)網(wǎng)轉(zhuǎn)型的一家機械生產(chǎn)型廠家...
邁格納機電依靠網(wǎng)絡推廣獲得一年盈利50多萬
網(wǎng)絡推廣項目背景: 重慶邁格納機電技術(shù)有限公司(原重慶展捷機電)是從事五金機電產(chǎn)品代理及銷售和配套服務的專業(yè)供應商。經(jīng)營電動工具,五金工具,氣動工具,液壓工具,焊割工具和...
富豪汽車裝飾網(wǎng)絡來客上升-網(wǎng)絡推廣客戶
一、網(wǎng)絡推廣項目背景: 重慶富豪汽車裝飾是經(jīng)國家相關(guān)部門批準注冊的企業(yè),主營汽車裝飾用品等業(yè)務,重慶富豪汽車裝飾是一家專業(yè)經(jīng)營汽車裝飾、貼膜、汽車音響、椅套、坐...
里仁教育通過網(wǎng)絡推廣提高中心生源達10倍以上
一、網(wǎng)絡推廣客戶公司簡介: 重慶里仁教育兒童發(fā)展中心(注冊號:500106200007908)創(chuàng)辦于2002年8月,是以政府為主導,家長積極參與,社會各界愛心人士熱情...
重慶網(wǎng)站推廣客戶傳志塑料制品有限公司
網(wǎng)絡推廣客戶公司簡介:重慶傳志塑料制品有限公司是在市場經(jīng)濟飛速發(fā)展,行業(yè)產(chǎn)品越來越細分的情況下成立的,公司主要致力于,重慶PE管、鋼塑復合管、鋼絲網(wǎng)骨架管、PSP管的研發(fā)、銷售、加工。公司稟...
多達集團推廣合作結(jié)果從50萬做到500萬的業(yè)績
陳大果老師與多達教育徐校長合影一、網(wǎng)絡推廣客戶學校簡介: 重慶新澤西多國語言學習中心主要開設的語種有英、日、韓、法、德、西班牙語、泰語、俄語等,是重慶市語種開設最全面,教學手段最先進的專...
版權(quán)所有:重慶帝一網(wǎng)絡(c)2005-2025
帝壹網(wǎng)絡10余年專業(yè)從事:網(wǎng)絡營銷、網(wǎng)絡推廣、視頻推廣、網(wǎng)站推廣的一家重慶網(wǎng)絡公司-16年專注:seo優(yōu)化排名技術(shù)、網(wǎng)站建設-公司品牌宣傳打造;生產(chǎn)型產(chǎn)品的推廣獲客實戰(zhàn)專家
搜索引擎優(yōu)化用帝龍神站,快速鎖定搜索引擎首頁前十名。帝壹自創(chuàng):精準流量變現(xiàn)營銷模式,讓企業(yè)快速抓住潛在客戶,讓客戶主動找你,提升公司網(wǎng)絡營銷業(yè)績。
網(wǎng)絡推廣獲客熱線電話:023-68626707 帝壹法律顧問:重慶君毅律師事務所
掃一掃
全國免費咨詢熱線
13983709738