中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

網(wǎng)站建設CSS和JavaScript性能提升技巧

2023-05-17    分類: 網(wǎng)站建設

有一個緩慢的網(wǎng)站,你有沒有想過你失去了多少客戶?我不是說只是有關文件大小,我們要依靠瀏覽器的能力,了解我們的代碼,我們也需要對網(wǎng)站做出考慮和處理時間。

這就是為什么有時在你的代碼中還要加入幾句要好得多,因為它能節(jié)省您寶貴的瀏覽時間,真正的瀏覽器或IE瀏覽器嘗試處理您的代碼。

讓我們來看看幾個好的技巧,關于如何減少網(wǎng)站緩沖時間:

1。不要重復代碼

您應該使用級聯(lián)和避免重復代碼。例如以上只是使用普通類,繼承,你可以好好利用,所以應該離開那里,可以設置在父級上。你也可以使用相同的屬性多個元素(用逗號分隔多個選擇器)。

此外,在你的JS對象,功能和插件,要好好利用你不需要重復代碼。

2。寫由右至左

不像我們,瀏覽器將處理jQuery和CSS選擇器,由右至左。你可能會認為,這不會影響你的代碼,但事實是,它改變了一切。像這樣的一個選擇是真的,真的不好:

$(“體#容器div”)

我們認為我們正在寫的是:“嘿,瀏覽器,找到”身體“標簽,然后在里面,它的發(fā)現(xiàn)在#container。在那里,你會發(fā)現(xiàn)一個'DIV'和'元素'一對夫婦,讓我們選擇那些“。但實際上,瀏覽器會讀取整個頁面尋找'一'標簽,然后為每個標簽它發(fā)現(xiàn)它會檢查它是否有一個div作為家長,然后檢查是否有一個元素的div#容器ID,然后
檢查如果有一個body標簽下方。

這僅僅是太亂了。在JS中,我們有一些優(yōu)雅的解決方案,如發(fā)現(xiàn)功能,使您的代碼實際上將被理解為你想。像這樣的東西將是一件好事:

$(“#集裝箱”),找到(“DIV”)找到(“A”)

當你寫CSS,你不要有太多的選擇,但讓盡可能具體,所以盡量尋找近的類或ID,你可以找到。

以上幾條對 網(wǎng)站建設CSS和JavaScript性能有很大的作用哦

3。ID取名更快

只要能使用ID這會更快,無論是在CSS或JS。使用JS時,你有可能使用的替代品,而不是jQuery的選擇標簽,像document.body的,甚至整個DOM樹傳遞一個數(shù)組(如果你已經(jīng)知道元素的確切位置)。

4。保持簡潔的代碼

請記住,在你的選擇有時一個額外的項目只會搞砸了你的代碼。舉例來說,如果你有一個“UL”選擇,你可以簡單地使用“UL”,你會被罰款。

我們可以給你好的JS確是“不使用”。大多數(shù)時候,你根本就不需要它和使用將花費你很多更在性能,開發(fā)時間,瀏覽器兼容性和維護。

你可以代替很多CSS動畫的動畫,你也可以使用一個庫像yepnope或Modernizr的有條件地加載瀏覽器無法跟上你迷死回退。

6。您不需要申明var,但你應該

很多人簡單地跳過了var聲明步驟。這是好的,但您將創(chuàng)建一個全局變量,可以打破其他功能和瀏覽器來恢復它時,它會搜索從地方到全球范圍內的很多。

即使你將使用一個全球范圍內的無功,你可以重新定義它在本地,你會節(jié)省一些時間。例如,代替這樣的:

VAR E1 =的document.getElementById('ID1'),金匯=的document.getElementById(“ID2”);

這樣做:

VAR DOC =文件,E1 = doc.getElementById(“ID1'),金匯= doc.getElementById(“ID2');

所以,你會在本地存儲文檔VAR

7。像你這樣在你的腦袋,做數(shù)學

我們傾向于認為編程語言做某種黑魔法,并給我們的結果,復雜的操作。但事實是,每一個操作都有一個處理成本。,而不是做2 * 15例如,它更容易做15 +15。

在這種情況下,真正的尖端,使用本地的JS代碼就可以了,從而避免依靠jQuery或其他插件,因為這肯定會采取更多的時間來加載,往往更多的代碼來寫。

8。從源代碼中刪除一個圖像
一個都不能少JPG運動時,他們說,從源代碼中刪除一個圖像,為您節(jié)省更多的比你節(jié)省擔心JS和CSS叮咬。但事實是:你都應該做的。

我們應始終竭盡所能以改善用戶體驗,如果這意味著圖像在頁面好看,花哨的JS動畫已被刪除,這么辦吧。

以上幾點 對網(wǎng)站建設CSS和JavaScript性能提升都很有幫助,效果也很不錯值得參考的哦!

分享標題:網(wǎng)站建設CSS和JavaScript性能提升技巧
鏈接URL:http://www.2m8n56k.cn/news28/259678.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供企業(yè)建站品牌網(wǎng)站制作搜索引擎優(yōu)化網(wǎng)站收錄電子商務用戶體驗

廣告

聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:[email protected]。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站建設網(wǎng)站維護公司
主站蜘蛛池模板: 欧洲免费无线码一二区 | 国产免费v片在线看 | 三级美国 | 久久精品国产线看观看亚洲 | 欧美精品毛片 | 亚洲视频在线观看一区 | 欧美性性性性性色大片免费的 | 国产真实孩交 | 正能量www正能量免费网站 | 人成午夜 | 国产欧美一区二区精品久久久 | 欧美jizzhd精品欧美另类 | 欧美人交性视频在线香蕉 | 欧美在线视频一区二区 | 一区二区三区国模大胆 | 国产精品黄在线观看免费软件 | 国产主播福利片在线观看 | 国产成人国产在线观看入口 | 亚洲精品在线免费看 | 韩国免费毛片在线看 | 国产成人啪精品视频免费网 | 男人天堂怡红院 | 国产欧美日韩成人 | 作爱视频在线免费观看 | 大桥未久在线精品视频在线 | 综合久久久 | 国产精品18久久久久久小说 | 欧美精品v日韩精品v国产精品 | 日韩亚洲一区中文字幕在线 | 国产成人久久精品二区三区牛 | 久久久久久国产精品免费免费 | 手机在线一区二区三区 | 国产精品亚洲综合 | 成人免费高清视频 | 特级毛片aaa免费版 特级毛片a级毛免费播放 | 欧美成人免费公开播放 | 91av综合| 久久狠狠一本精品综合网 | 114毛片免费观看网站 | 久久视频在线视频 | 国产精品一区二区四区 |