新聞中心
現(xiàn)在網(wǎng)站上有很多很酷的特效,以前很多都是用flash技術(shù),由于html5和css3的發(fā)展,加上手機(jī)網(wǎng)站的發(fā)展flash技術(shù)不支持,所以現(xiàn)在網(wǎng)站上的一些效果基本上是javascript來實(shí)現(xiàn)。
JavaScript它通常用于創(chuàng)建交互式網(wǎng)頁,JavaScript直接在用戶瀏覽器上執(zhí)行,好的js用戶體驗(yàn)的效果會(huì)很好。
但是Javascript其實(shí)也需要優(yōu)化,一些基礎(chǔ)差的前端人員寫的js腳本會(huì)延遲頁面,甚至讓瀏覽器崩潰,這不好,這也是技術(shù)人員想要解決的問題,但由于各種原因總是出現(xiàn)各種各樣的原因bug,現(xiàn)在搜索引擎的抓取能力很強(qiáng),百度應(yīng)該能夠識(shí)別簡單javascrip腳本,有些seoer不要在網(wǎng)站上使用js劇本,我不同意這個(gè)想法。如果一個(gè)網(wǎng)站不需要,js效果,你可以想象這個(gè)網(wǎng)站有多無聊,這種網(wǎng)站沒有用戶體驗(yàn),即使百度搜索,用戶也不感興趣瀏覽。
但使用過多js腳本在網(wǎng)站制作中也有弊端,因?yàn)樗阉饕嬷饕W(wǎng)站文本內(nèi)容。如果整個(gè)網(wǎng)站頁面充斥著大量的網(wǎng)站,js腳本,搜索引擎會(huì)認(rèn)為這個(gè)頁面沒有足夠的文本內(nèi)容而不包含,所以。對(duì)于使用。js有效的站長,本文給出以下建議:
1.不要大量使用太復(fù)雜的JavaScript技術(shù),這不利于搜索引擎的收錄
2.不要阻止對(duì).js否則,文件的收錄將受到限制JavaScript分析能力。
3.合理規(guī)劃html和js腳本,js腳本盡量在js調(diào)用文件,而不是和諧html混合一起。
4.刪除未使用的代碼和功能
您的應(yīng)用程序包含的代碼越多,您需要向客戶端傳輸更多的數(shù)據(jù)。瀏覽器還需要更多的時(shí)間來分析和解釋代碼。
有時(shí)候,你可能會(huì)打包很多你根本不能使用的功能。最好只在開發(fā)環(huán)境中保留這些額外的代碼,而不是將其推送到生產(chǎn)環(huán)境中,以免增加客戶端瀏覽器的負(fù)擔(dān)。
不斷地問自己,某個(gè)功能或代碼段是否必要。
您可以手動(dòng)刪除未使用的代碼,也可以使用Uglify或谷歌的ClosureCompiler刪除它們等工具。您還可以使用一種叫做搖樹優(yōu)化的技術(shù),從應(yīng)用程序中刪除未使用的代碼。Webpack這種包裝軟件提供了這種技術(shù),詳情請(qǐng)參考:
https://www.infoq.cn/article/dcKcJiT8aeEBNZbdotFF
刪除未使用的npm軟件包,可以使用命令包,npmprune,詳細(xì)信息參考NPM文檔。
https://docs.npmjs.com/cli-commands/prune.html
5.盡量緩存
緩存可以減少延遲和網(wǎng)絡(luò)流量,從而減少顯示資源表示所需的時(shí)間,從而提高網(wǎng)站的速度和性能。緩存可以使用CacheAPI或HTTPcaching來實(shí)現(xiàn)它。你可能想知道內(nèi)容變化時(shí)會(huì)發(fā)生什么。當(dāng)滿足某些條件(如發(fā)布新內(nèi)容)時(shí),可以處理并重新生成緩存。
6.避免內(nèi)存泄漏
作為一種高級(jí)語言,JS它將負(fù)責(zé)一些基本的管理工作,如內(nèi)存管理。垃圾回收是大多數(shù)編程語言的共同過程。用外行的術(shù)語來說,垃圾收集是收集和釋放分配給對(duì)象但尚未在程序的任何部分使用的內(nèi)存。開發(fā)人員必須使用像C這樣的編程語言malloc()和dealloc()函數(shù)處理內(nèi)存分配和釋放操作。
雖然在JavaScript垃圾回收是自動(dòng)進(jìn)行的,但在某些情況下并不完美。在某些情況下。JavaScriptES6中,引入了Map和Set及其“weaker”同級(jí)對(duì)象。被稱為WeakMap和WeakSet的“較弱”對(duì)應(yīng)項(xiàng)持有對(duì)象“弱”引用。它們使未引用的值能夠被垃圾回收,從而防止內(nèi)存泄漏。您可以在這里了解相關(guān)情況。WeakMaps更多信息:
https://blog.bitsrc.io/understanding-weakmaps-in-javascript-6e323d9eec81
7.盡快打破循環(huán)
超大循環(huán)肯定會(huì)要很多時(shí)間,所以你應(yīng)該盡快打破這些超大循環(huán)。您可以使用它。break關(guān)鍵字和continue關(guān)鍵詞來做這件事,從而編寫更有效的代碼。
8.最小化變量計(jì)算的次數(shù)
為了減少計(jì)算變量的次數(shù),可以使用閉包。一般來說,JavaScript閉包允許您從內(nèi)部函數(shù)訪問外部函數(shù)作用域。每次創(chuàng)建函數(shù)(不調(diào)用)時(shí),都會(huì)創(chuàng)建閉包。即使返回外部函數(shù),內(nèi)部函數(shù)也有權(quán)訪問外部作用域的變量。
9.盡量減少DOM訪問
與其他JavaScript與句子相比,訪問DOM速度很慢。假如你是對(duì)的。DOM改變,觸發(fā)布局重新繪制,那么就得等一會(huì)兒。
減少訪問DOM請(qǐng)?jiān)L問元素的次數(shù),然后將其用作局部變量。完成需求后,請(qǐng)將其設(shè)置為null去除變量值。這將防止內(nèi)存泄漏,因?yàn)樗鼤?huì)觸發(fā)垃圾回收過程。
10.壓縮文件
通過壓縮(例如Gzip)可以減小JavaScript文件的大小。較小的文件會(huì)提高你的網(wǎng)站性能,因?yàn)闉g覽器只需要下載較小的資產(chǎn)。
11.縮小最終代碼
有些人認(rèn)為縮小和壓縮是一樣的,但事實(shí)并非如此。在壓縮過程中,我們使用特殊的算法來改變文件的輸出大小;在縮小時(shí),我們需要?jiǎng)h除JavaScript文件中的注釋和多余的空間。你可以在網(wǎng)上找到很多工具和軟件包來幫助完成這個(gè)過程。縮小已成為頁面優(yōu)化的標(biāo)準(zhǔn)實(shí)踐,也是前端優(yōu)化的主要步驟之一。
12.避免使用Delete關(guān)鍵字
delete關(guān)鍵字用于從對(duì)象中刪除屬性。這個(gè)關(guān)鍵字的性能不是很好,預(yù)計(jì)它將在未來的更新中得到修復(fù)。
以上就是在做網(wǎng)站建設(shè)使用js需要優(yōu)化的建議,希望本文可以幫助到大家。
本文標(biāo)題:商丘網(wǎng)站建設(shè)js需要優(yōu)化的12條建議!
本文鏈接http://njylbyy.cn/xinwenzhongxin/24348.html
- 從視覺、交互和技術(shù)三方面,系統(tǒng)分析2021設(shè)計(jì)趨勢(shì)
- 一套理論,一個(gè)方法,網(wǎng)頁首屏輕松做!
- 網(wǎng)頁設(shè)計(jì)中的用戶思維你真的理解嗎?
- 不藏不掖著,響應(yīng)式網(wǎng)頁大揭秘來了!
- 網(wǎng)頁設(shè)計(jì)中的用戶思維你真的理解嗎?
- 百度業(yè)務(wù)范圍
- 百度蜘蛛池優(yōu)化:成都蜘蛛王店五猴池,探尋古蜀文化的神秘足跡
- 不藏不掖著,響應(yīng)式網(wǎng)頁大揭秘來了!
- 百度蜘蛛池租用:大型蜘蛛池服務(wù)器配置指南,打造高效網(wǎng)絡(luò)爬蟲平臺(tái)
- 百度蜘蛛池收錄:蜘蛛池租用營銷,開啟高效網(wǎng)絡(luò)營銷新篇章
- 網(wǎng)頁設(shè)計(jì)中的用戶思維你真的理解嗎?
- 不藏不掖著,響應(yīng)式網(wǎng)頁大揭秘來了!
- 網(wǎng)絡(luò)推廣課程培訓(xùn)
- 百度注冊(cè)地
- 高級(jí)搜索引擎技巧
- 百度蜘蛛池價(jià)格:蜘蛛池在網(wǎng)站地圖提交中的重要作用及操作指南
- 精準(zhǔn)數(shù)據(jù)營銷方案
- 百度蜘蛛池收錄:地瓜解說蜘蛛礦池,揭秘?cái)?shù)字貨幣挖礦界的隱形巨頭
- 百度蜘蛛池咨詢:最蜘蛛蜘蛛池,揭秘神秘網(wǎng)絡(luò)世界的隱藏之地
- 百度蜘蛛池引流:SEO蜘蛛池攻略,打造高效網(wǎng)站流量優(yōu)化方案