本文內(nèi)容非原創(chuàng),參考博客:diiamo.cn;

      引用原文:《終極Elementor速度優(yōu)化技巧, 秒開頁面, 設(shè)置+禁用代碼+使用技巧》(https://diiamo.cn/elementor-speed/)

      Elementor(以下簡稱Ele)是一款功能強(qiáng)大、靈活的WordPress頁面構(gòu)建器,使用它可以輕易搭建出時(shí)尚、功能強(qiáng)大的響應(yīng)式頁面,因此非常受歡迎。
      據(jù)統(tǒng)計(jì)有1/5的WordPress網(wǎng)站使用Ele搭建,它的受歡迎程度可見一斑。強(qiáng)大的功能和靈活性也導(dǎo)致Ele代碼臃腫,速度偏慢,備受詬病。
      一、Elementor為什么卡?
      Elementor功能很強(qiáng)大有眾多小部件可以實(shí)現(xiàn)各種功能和排版,而且設(shè)置多種多樣很人性化。每個功能背后都是代碼的堆疊,因此Ele往前端添加了一大堆代碼,而且代碼之間相互依賴導(dǎo)致無法禁用和延遲加載,所以速度慢。
      二、增加Elementor使用內(nèi)存
      Elementor非常吃配置,如果內(nèi)容不夠很容易卡,大部分主機(jī)默認(rèn)情況下可用內(nèi)存只有64M或者128M,所以需要修改PHP內(nèi)存限制。
      修改方法:如果是虛擬主機(jī),直接在主機(jī)管理面板修改PHP內(nèi)存限制。VPS登錄寶塔面板或者使用FTP進(jìn)入文件管理,在網(wǎng)站根目錄找到并且打開wp-config.php文件 Pasted 76 ,添加下面代碼修改內(nèi)存限制。
      如果是1G內(nèi)存主機(jī),改為128M,2G內(nèi)存改為256M,4G改為648M。

      三、Elementor設(shè)置優(yōu)化
      Elementor設(shè)置里有很多功能可以減小代碼量,提升加載效率,建議按引用原文博客的教程啟用相應(yīng)功能。沒提到的功能和速度無關(guān),按需啟用。
      四、禁用Elementor谷歌字體
      谷歌字體很慢,盡量不要使用谷歌字體。尤其是大陸網(wǎng)站,如果使用谷歌字體會非常卡。如果一定要使用,需要本地托管谷歌字體。
      五、不要使用Elementor搭建整站內(nèi)容
      提升Elementor最好的方法就是不要使用Elementor制作頁眉、Cookies收集提示框,表單彈出等整站出現(xiàn)的內(nèi)容。改用主題或其它插件制作相應(yīng)內(nèi)容。
      因?yàn)镋le的代碼互相依賴,一個小部件可能涉及到十幾個文件,它們無法延遲加載也無法禁用。這就是Ele卡的根本原因。例如要正常顯示Elementor制作的手機(jī)端菜單需要排除下圖中JS被延遲加載。
      六、禁用無用Elementor代碼
      雖然Elementor的代碼互相依賴,還是有一部分無用代碼(大概1/3)可以被禁用。禁用后會進(jìn)一步提升速度,這也是Elementor速度優(yōu)化的重中之重。
      禁用代碼需要用到Perfmatters插件,安裝插件后進(jìn)入Perfmatters設(shè)置界面,在“Assets”設(shè)置里面啟用腳本管理器,點(diǎn)保存。
      、延遲加載JS代碼、生成關(guān)鍵CSS、延遲加載圖片
      對于無法禁用的Elementor JS/ CSS,需要使用延遲加載/ 生成關(guān)鍵CSS優(yōu)化加載效率,縮短頁面加載時(shí)間。
      八、Elementor頁面搭建技巧
      使用Elementor搭建頁面,一樣的設(shè)計(jì)可以有很多種實(shí)現(xiàn)方法。好的構(gòu)建方法能有效減少代碼量,對優(yōu)化Elementor速度非常有幫助。(具體教程請查看原文,寫的超詳細(xì)!)


      點(diǎn)贊(1) 打賞

      評論列表 共有 0 條評論

      暫無評論

      服務(wù)號

      訂閱號

      備注【拉群】

      商務(wù)洽談

      微信聯(lián)系站長

      發(fā)表
      評論
      立即
      投稿
      返回
      頂部