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