掃一掃關(guān)注
智優(yōu)營家微信公眾號!
- 版權(quán)所有:湖南群智信息科技有限公司
- 備案號:湘ICP備16019836號-1
- 公司地址:長沙高新開發(fā)區(qū)尖山路18號長沙中電軟件園二期D3棟14層1411室
Copyright © 2022-2027 湖南群智信息科技有限公司 專注長沙seo! 91430111329444520G All Rights Reserved
合作伙伴:seo培訓(xùn) seo seo
您貼身的
網(wǎng)絡(luò)運營管家
來源:智優(yōu)營家 發(fā)布日期:2018-10-31 關(guān)注:952
統(tǒng)計工具說是將JS文件放置在body標簽之后會提升加載速度。不過最終我們還是放置在了head標簽里。這里就涉及到一個JS文件位置的選擇。到底JS文件的引入放置在頭部好還是尾部好?今天長沙網(wǎng)站優(yōu)化公司智優(yōu)營家seo團隊和大家探討,JS文件到底該放置最好。
具體將引入的JS放在哪里與代碼執(zhí)行的順序有關(guān)。網(wǎng)頁文件的讀取是從上到下的,如果將JavaScript文件放置在head當(dāng)中,會先加載JS文件,之后再繼續(xù)執(zhí)行,那么此時,如果JS文件比較大,頁面加載就會很慢,導(dǎo)致空白。
那么,如果將JavaScript文件放置在底部,如果說,也是比較大型的JS文件的話,是不是就沒有問題了呢?
其實,如果將JS文件放置在底部的話,可以讓JS文件與圖片幾乎同時下載,使得頁面當(dāng)中的內(nèi)容能夠盡快的下載下來,但是,由于網(wǎng)頁基本結(jié)構(gòu)與樣式均已經(jīng)加載完成,那么此時負責(zé)交互的JS并沒有下載下來,必然也會對用戶的體驗造成影響。
因此,整體來說,如果“交互性優(yōu)先”,那么我們應(yīng)當(dāng)將JS放置在頂部。如果對于交互性要求沒那么高的頁面,我們將JS放置在底部。
阻塞方式加載JS:JavaScript在頭部會阻止其他元素并行加載(css,圖片,網(wǎng)頁)。目前絕大部分的瀏覽器都是采取阻塞方式(Scripts Block Downloads)進行JavaScript文件的加載的。
更好的解決方法?
一般大型的網(wǎng)站都會采取非阻塞方式加載JavaScript來提高性能(降低頁面加載時間),如使用iframe, 動態(tài)添加script節(jié)點等來并行下載JavaScript文件。不過目前用得最多的應(yīng)該還是動態(tài)添加script節(jié)點的方法。
以上就是智優(yōu)營家在網(wǎng)站建設(shè)中所注意到的JavaScript文件放在頭部或者尾部的判斷準則,如果還有更好的方式,歡迎跟長沙網(wǎng)站優(yōu)化公司智優(yōu)營家seo團隊一起探討。智優(yōu)營家SEO服務(wù),用人工白帽方式優(yōu)化,讓排名更穩(wěn)定,關(guān)鍵詞數(shù)量選擇不限,有排名才扣費。如您有任何關(guān)于seo的疑問,可點擊在線客服咨詢,或撥打熱線:13549642614