日韩精品久久久久,亚洲 www. 色图 夜夜嗨,男女性爽大片在线观看,色网站视频,久久高清国产,欧美一区二区三区精品免费

186-0984-0880
 
網(wǎng)站建設(shè)CSS和JavaScript性能提升技巧
日期:12-07 瀏覽次數(shù):19

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

這就是為什么有時(shí)在你的代碼中還要加入幾句要好得多,因?yàn)樗芄?jié)省您寶貴的瀏覽時(shí)間,真正的瀏覽器或IE瀏覽器嘗試處理您的代碼。

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

1。不要重復(fù)代碼

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

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

 

2。寫由右至左

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

$(“體#容器div”)

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

 

20130521085043666.jpg

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

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

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

 

 

 

 

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

 

 

 

3。ID取名更快

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

4。保持簡潔的代碼

請(qǐng)記住,在你的選擇有時(shí)一個(gè)額外的項(xiàng)目只會(huì)搞砸了你的代碼。舉例來說,如果你有一個(gè)“UL”選擇,你可以簡單地使用“UL”,你會(huì)被罰款。

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

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

6。您不需要申明var,但你應(yīng)該

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

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

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

這樣做:

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

所以,你會(huì)在本地存儲(chǔ)文檔VAR

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

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

在這種情況下,真正的尖端,使用本地的JS代碼就可以了,從而避免依靠jQuery或其他插件,因?yàn)檫@肯定會(huì)采取更多的時(shí)間來加載,往往更多的代碼來寫。

20130521085044561.jpg

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

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

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

 

← 上一篇 下一篇 → 返回首頁
如有意向,請(qǐng)聯(lián)系我們的客戶經(jīng)理
我們會(huì)根據(jù)您的需求為你制定詳細(xì)的解決方案
在線咨詢 or 撥打業(yè)務(wù)熱線:186-0984-0880
在線咨詢
熱線電話
解決方案
掃一掃

掃一掃
關(guān)注新圖聞科技

全國咨詢熱線
186-0984-0880

返回頂部
伊宁县| 张掖市| 泗洪县| 噶尔县| 北京市| 绥棱县| 湘西| 温宿县| 嫩江县| 鹿泉市| 临沧市| 西乌珠穆沁旗| 雷州市| 郯城县| 蓬莱市| 平果县| 万山特区| 文山县| 日土县| 庆安县| 广丰县| 广河县| 通海县| 铅山县| 岳普湖县| 五莲县| 洞口县| 张家口市| 牙克石市| 运城市| 平果县| 昆明市| 井陉县| 龙门县| 天门市| 谢通门县| 张家界市| 武乡县| 中阳县| 丰都县| 乐山市|