本文內容非原創,參考博客:diiamo.cn;
引用原文:《終極Elementor速度優化技巧, 秒開頁面, 設置+禁用代碼+使用技巧》(https://diiamo.cn/elementor-speed/)
Elementor(以下簡稱Ele)是一款功能強大、靈活的WordPress頁面構建器,使用它可以輕易搭建出時尚、功能強大的響應式頁面,因此非常受歡迎。據統計有1/5的WordPress網站使用Ele搭建,它的受歡迎程度可見一斑。強大的功能和靈活性也導致Ele代碼臃腫,速度偏慢,備受詬病。Elementor功能很強大有眾多小部件可以實現各種功能和排版,而且設置多種多樣很人性化。每個功能背后都是代碼的堆疊,因此Ele往前端添加了一大堆代碼,而且代碼之間相互依賴導致無法禁用和延遲加載,所以速度慢。Elementor非常吃配置,如果內容不夠很容易卡,大部分主機默認情況下可用內存只有64M或者128M,所以需要修改PHP內存限制。修改方法:如果是虛擬主機,直接在主機管理面板修改PHP內存限制。VPS登錄寶塔面板或者使用FTP進入文件管理,在網站根目錄找到并且打開wp-config.php文件 Pasted 76 ,添加下面代碼修改內存限制。如果是1G內存主機,改為128M,2G內存改為256M,4G改為648M。
Elementor設置里有很多功能可以減小代碼量,提升加載效率,建議按引用原文博客的教程啟用相應功能。沒提到的功能和速度無關,按需啟用。谷歌字體很慢,盡量不要使用谷歌字體。尤其是大陸網站,如果使用谷歌字體會非常卡。如果一定要使用,需要本地托管谷歌字體。提升Elementor最好的方法就是不要使用Elementor制作頁眉、Cookies收集提示框,表單彈出等整站出現的內容。改用主題或其它插件制作相應內容。因為Ele的代碼互相依賴,一個小部件可能涉及到十幾個文件,它們無法延遲加載也無法禁用。這就是Ele卡的根本原因。例如要正常顯示Elementor制作的手機端菜單需要排除下圖中JS被延遲加載。雖然Elementor的代碼互相依賴,還是有一部分無用代碼(大概1/3)可以被禁用。禁用后會進一步提升速度,這也是Elementor速度優化的重中之重。禁用代碼需要用到Perfmatters插件,安裝插件后進入Perfmatters設置界面,在“Assets”設置里面啟用腳本管理器,點保存。七、延遲加載JS代碼、生成關鍵CSS、延遲加載圖片對于無法禁用的Elementor JS/ CSS,需要使用延遲加載/ 生成關鍵CSS優化加載效率,縮短頁面加載時間。使用Elementor搭建頁面,一樣的設計可以有很多種實現方法。好的構建方法能有效減少代碼量,對優化Elementor速度非常有幫助。(具體教程請查看原文,寫的超詳細!)