小高網專業提供QQ活動,QQ技術,QQ技巧,電腦技巧以及其他網絡技術,讓我們的技術更上一層樓!
【十四星】芝麻分花唄提額神器 免費1000名片贊/空間人氣 每天免費領取1000空間人氣 各類業務代刷全網最低價NB
【商戶碼】低價開微信商戶后臺 全網最低價的代刷平臺vip1元 1擼10話費 每天免費領取1000名片贊 5G流量卡0.1元包郵全國
免費超會~黃鉆免費送 平臺BUG無限擼錢 破解版網游/任意刷裝備/包站 文字廣告位140R/月
惠分享代刷網低價代刷平臺 誠信回收各種微信 我愛代掛網設備鎖代掛2/月 義烏產品3.5包郵起幕后批發商
微信多開搶紅包爆粉 全網一手嘿卡 招實力代理 全網最火零擼項目日入破千 陀螺世界真正的零投資
全網最低價免費招代理 全網最火掛掛賺平臺 19.9包無限流量招代理 雜貨手表稀奇古怪一手貨源
全國5G三網流量卡免費送 和平精英G穩定腳本定制 微信掃碼破百項目 出售微信白號 京東QQ全新號
文字廣告位140R/月 微信做任務一個小時50-80元 文字廣告位140R/月 文字廣告位140R/月
正品匡威520兩雙 【cdk】影視會員低價激活碼 二手 蘋果手機 專業批發 在家網絡兼職日賺300+
秋冬款耐克阿迪外套19.9包郵 淘寶打假維權月入上萬項目 穩定 手機掛機 全自動 文字廣告位140R/月
文字廣告位140R/月 文字廣告位140R/月 文字廣告位140R/月 文字廣告位140R/月
無限流量卡免費送收代理 5-10位QQ極品普號專售 文字廣告位140R/月 文字廣告位140R/月
文字廣告位140R/月 雙11特價潮鞋手表廠家發貨 文字廣告位140R/月 手機改號 電話靚號任意顯示
外面賣的微信閱讀車+軟件 文字廣告位140R/月 文字廣告位140R/月 淘寶隱藏優惠券+頂級返傭
活粉貨源 Dw 小獅子免費送! ! ! 抖音引流腳本 文字廣告位140R/月
破萬項目 淘寶京東突破限制無限擼錢 每天免費抽名片贊 最高100萬 微信多開一鍵轉發 可開分站

你了解過網站前端怎么優化嗎

發布:小高教學網2019-3-6 16:46分類: 建站知識

還記得當初選擇學web前端,是被網頁的華麗效果而震撼。轉眼間發現自己接觸web前端也快一年了,期間自己也總結了一些web前端的優化,也參考了下別人的資料,今天就把它們分享出來給大家:
一、html頁面優化
1.css文件放在head,js文件放在html尾部(</body>的前面即可)
因為:下載某一個js時其他任務是暫停的,需要等這個JS下載并執行完畢后再下載其他的。
2.盡量減少標簽,不多用一個標簽
比如:clear清除浮動用:after
3.減少dns查詢
每引用一個來自外部的文件,就會有一個dns查詢,一般對首次訪問網站的速度會有影響。
4.避免出現空的src,如 src=""
5.減少http請求
比如:(1)使用CSS Sprite技術(css精靈)
(2)css和js代碼,能盡量合并就合并。(外部鏈接)
6.js的延遲加載,異步加載,使用defer標簽 、 async="true"

二、代碼優化
1.項目最后使用壓縮工具壓縮css,js
因為這樣,可以減少頁面的體積加快打開速度。
2.css的class不要太長,要有清楚的層級關系
3.js操作樣式時使用class,html里不使用內聯css和js代碼

三、JS優化
1.字符串的拼接:使用 += 是較低效的,可使用數組的 join() 方法
2.使用循環時尤其不要使用 for(in),while比for的效率要高一點。(循環次數很大的時候)
3.局部變量的訪問速度比全局變量更快,而且要盡量避免全局變量
4.對DOM元素的每一次操作代價都比較高,所以盡量少得操作。
比如:for循環中有對字符串的拼接,然后使用innerHTML操作,就應該把innerHTML放在for循環外面。
5.對某個dom節點進行操作時,將這個dom節點存在一個局部變量中。
6.關于字符串遍歷,優先使用正則表達式
7.使用直接量  var a = [] 比var a = new Array()快
8.創建dom節點 最好不要直接寫字符串,而應該調用creatElement()方法
四、服務器方面優化
1.提高自己服務器質量,帶寬等方面
2.開啟瀏覽器緩存,減少http請求
3.開啟gzip壓縮
寫在最后:我認為學習就是不斷的自己總結,和吸取別人的經驗和教訓。俗話說的好:“好記性不如爛筆頭!”同理:“代碼看得再多,不如敲一篇”因為這樣才會體會其中的含義和語義,并能增加自己的記憶力。

溫馨提示本站提供的所有工具,不保證絕對安全無毒,點擊下載影子系統(保護您電腦安全)

已有0名網友參與評論

發表評論:評論全部人工審核廣告者永封IP段

?
推荐买nba篮彩的app