模板建站動態

　　移動端優化排名，成為現搜索引擎營銷的新勢頭，手機網站參與移動端排名，成為獲取流量一重量級選手，參與排名比不可少的因素是響應速度，很明顯，相對于PC來說，移動端用戶的耐性相對更低，手機版網站的加載速度成為現SEO都比較重視的問題。 　　這就要說到移動端網站如何進行優化了，從HTML來看，適當減少DOM元素使用，把CSS文件放置在head中，JavaScript 需放置在body標簽前面，why?相信很多SEO不能理解，成都蔡江SEO進行詳解其原因所在。 　　解析樣式時，有的瀏覽器(FF)會停止腳本運行，而有的(Webkit)則會在腳本訪問樣式屬性但可能受未加載樣式影響時停止腳本運行 　　腳本解析中可能請求樣式，如果樣式還未解析完畢就會出錯 　　腳本執行將暫停文檔的解析和資源的下載 　　樣式表不參與 DOM 修改，所以不會為了解析樣式停止文檔解析 　　瀏覽器要避免重繪，在沒有拿到全部樣式前不會開始渲染 　　因此，將二者放在適當的位置，能夠極大提高渲染效率。 　　腳本延遲加載 　　可將腳本添加 defer 和 async 屬性。兩個屬性的共通點在于，腳本的加載和文檔的解析是同步進行的，而區別在于：async 一旦加載完畢，立即停止文檔解析并執行腳本;defer 等待文檔解析完畢后再執行。 　　合理使用內聯 　　腳本和樣式，應按需選擇內聯或者外鏈。對于訪問少、樣式和腳本復用少的頁面，可以考慮使用內聯樣式從而減少 HTTP 請求。但如果頁面訪問頻繁，樣式腳本在多個頁面經常復用，使用外鏈則是最優選擇。 　　無論如何，需要避免使用 @import 來導入樣式。 　　而圖像也是一樣，高級瀏覽器支持將圖像數據直接 base64 編碼在 src 屬性里，必要時可直接在 HTML 里輸出圖片數據。 　　減少iframe 　　iframe 本身有許多優點，比如可以并行下載腳本，適合加載慢內容(如廣告)，同時瀏覽器可以對其進行安全控制。 　　減少使用 iframe 的主要考慮是：iframe 會阻礙頁面加載，同時也沒有語義。 　　CSS 　　選擇器 　　選擇器效率排行如下： 　　ID選擇器 　　類選擇器 　　標簽選擇器 　　相鄰選擇器 　　子選擇器 　　后代選擇器 　　通配符選擇器 　　屬性選擇器 　　偽類選擇器 　　效率與優先級并不是對等關系，優先級高的不一定效率高。如 #id.class 合用比 單個 #id 的優先級高，但效率卻比值慢。 　　選擇器書寫建議是： 　　避免使用通配符 　　不使用標簽名或類名修飾ID規則：如果規則使用ID選擇器作為關鍵選擇器，不要給規則添加標簽名。因為ID本身就是唯一的，添加標簽名會不必要地降低匹配效率 　　不使用標簽名修飾類：相較于標簽，類更具獨特性 　　盡量選擇最具體的方式：造成低效的最簡單粗暴的原因就是在標簽上使用太多規則。給元素添加類可以更快細分到類方式，可以減少規則去匹配標簽的時間 　　關于后代選擇器和子選擇器：避免使用后代選擇器，非要用的話建議用子選擇器代替，但子選擇器也要慎用，標簽規則永遠不要包含子選擇器 　　利用可繼承性：沒必要在一般內容上聲明樣式

培戀網原創版權，網站建設提供網站代運營、模板網站制作轉載請注明出處,本文地址：http://www.gdszrq.com/news/dontai/74077.html