網站JS文件SEO優化注意事項
網站javascript,簡稱“js”,屬於靜態文件,可以設置緩存加速,但是在SEO優化時要有針對性的操作。
一,縮小js文件大小
縮小js文件的體積可以提高網站訪問速度,這點是老生常談的問題。
二,拆分減少js負載
可以根據不同的業務需要,將js中的首屏的關鍵代碼拆分出來,以便於提前加載首屏中必要的少量js代碼,從而縮短頁面的加載時間,其餘的js代碼可以按需加載或者置後加載,同時建議將js有限放在首屏渲染完成之後,body閉標籤之前。
三,提前預加載js文件
通過設置link rel="prefetch" href="xxx.com/xxx.js"進行預加載,可以加快新頁面打開的速度效率。
四,js文件要分開佈置
涉及到渲染和熱加載屬性的js文件可以佈置在網站頁面代碼的尾部,避免過早解析出現頁面異常的問題。
五,不要大量使用js文件
儘可能的減少js文件的使用數量,避免過多造成無法識別出現問題。
六,降低js渲染比例
除了因為安全考慮外,要儘量降低依靠js渲染頁面信息的濃度。
七,js文件要清除沉積碼
優化js文件內多餘的沉積代碼,避免誤導解析和識別的問題。
八,js文件本地化
不要使用外部鏈接的js文件,採取直接鏈接本地js文件可以很好的確保網站可靠性。
九,js文件不要設置SEO優化屬性
不要把頁面標籤代碼等其他跟SEO優化有關聯的屬性放在js裡使用,避免搜索引擎無法識別js導致SEO優化出現問題。
十,緩存js文件
設置js文件緩存,比如本地緩存和CDN緩存,利於緩存降低每次被訪問消耗大量寬帶資源,提高網站打開速度。
以上都涉及js文件對網站SEO優化,是從搜索引擎的識別和解析能力衡量的,對網站整體的訪問速度也會有很好的幫助。