Elementor无法加载,一直ロード的解决办法
检查服务器硬件配置 这里的硬件配置指服务器的基础配置,像系统,内存,CPU,硬盘等等,如果是大家自己配置的服务器,应该清楚自己的服务器配置。 如果你是只负责网站维护的运营,网站服务器不是你自己配置的,可以将本文发送给公司团队技术人员或外包商进行检查处理。 如果服务器配置引起的Elementor无法加载问题,主要问题出现在内存大小上。 要使用Elementor,服务器建议至少需要1GB的内存,如果还要安装像Woocommerce这样的电商系统,推荐至少选择1.5G 或2GB的RAM。 有一些比较便宜的VPS一般是512Mb内存,或者0.75GB,如果是服务器配置不够,建议趁早升级。 大多数服务器厂商应该都支持在原始配置上直接进行升降配。部分VPS厂商也可以通过工单,人工客服的方式沟通进行升配操作。 个人推荐1.5GRAM 以上的高性价比VPS服务器厂商, 检查Elementor设置 检查Elementor设置问题,在设置高级选项里面有一个Editor Loader Method, 编辑器加载模式,如果没有打开,把Disable切换为Enable。 如果还安装了Elementor Pro,要注意Elementor与Elementor Pro是否是同一个版本,如果不是同版本,将两个插件更新到同一个最新版本。 检查插件冲突 把除了Elementor,Elementor Pro之外的所有插件全部暂停,主题也换成Wordpress原生主题或者Elementor官方主题Hello,测试是否可以打开Elementor编辑器。 检查服务器配置 如果服务器内存大小满足基本需求,那么就需要检查服务器软件层面上的配置。 为了方便一些没有太多相关知识的运营朋友也方便理解,大家可以把前面提到的服务器硬件理解为一个没有装修的清水房建筑。里面安装各种不同的软件就类似软装,就可以做出不同的产品,比如网站,应用等等。 这里面我们主要检查PHP版本与PHP内存限制。 PHP版本 PHP是一种服务器端编程语言,Wordpress就是用的PHP语言编写的。PHP 可以处理 WordPress 查询、执行计算等,但它需要内存才能执行此操作。 PHP也有版本区分。现在最新的已经出到了PHP8.0+版本。 Elementor需要的PHP版本至少为PHP7.4及以上。如果不是7.4以上版本,请重装PHP。 PHP版本可以在常见的服务器面板管理系统查看 也可以在Wordpress中点击左侧菜单栏Tools-Site Health-Info 中选择Server进行查看 PHP内存限制 如上图,有一个PHP Memory Limit, 我的是已经修改为512M了,初始设置的时候可能PHP内存限制只有128M,网站运行和里面的各种插件运行都需要消耗内存,对于一般网站除非你安装了需要更多内存的插件,否则 128MB 的内存限制对于大多数页面应该足够了。 但像Elementor这种编辑器对内存需求较高,要求的最低内存限制为256M,建议修改为256M以上。 修改PHP内存限制 如果你是用了类似宝塔类似的面板,可以直接在宝塔面板中,选择软件中的PHP, 配置修改,直接改为512M或者更高。 修改以后,选择保存刷新即可。 如果不是用的宝塔这种服务器面板,可以在Wp-Config.Php文件中进行修改。 一般可以通过使用FTP或SFTP链接到服务器里的网站文件夹,在里面找到此文件。 打开此文件进行编辑,搜索关键词“WP_MEMORY_LIMIT” 找到文本字符串 将后面的内存限制数量修改为256或者512或更高,然后保存文件。 检查Cloudflare配置 https://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-1211627511875230&output=html&h=280&adk=3178106471&adf=2800698628&w=728&abgtt=6&fwrn=4&fwrnh=100&lmt=1715492560&num_ads=1&rafmt=1&armr=3&sem=mc&pwprc=8995737761&ad_type=text_image&format=728×280&url=https%3A%2F%2Fwww.seoatoz.com%2Felementor-loading-error%2F&host=ca-host-pub-2644536267352236&fwr=0&pra=3&rh=182&rw=728&rpe=1&resp_fmts=3&wgl=1&fa=27&uach=WyJXaW5kb3dzIiwiMTUuMC4wIiwieDg2IiwiIiwiMTI0LjAuMjQ3OC44MCIsbnVsbCwwLG51bGwsIjY0IixbWyJDaHJvbWl1bSIsIjEyNC4wLjYzNjcuMTE4Il0sWyJNaWNyb3NvZnQgRWRnZSIsIjEyNC4wLjI0NzguODAiXSxbIk5vdC1BLkJyYW5kIiwiOTkuMC4wLjAiXV0sMF0.&dt=1715492519827&bpp=3&bdt=5981&idt=3&shv=r20240508&mjsv=m202405070101&ptt=9&saldr=aa&abxe=1&cookie=ID%3D0fa6c7305dd5bf82%3AT%3D1713801890%3ART%3D1715492520%3AS%3DALNI_MbhgKFXSXYYbmlk3cx5V0TTj9cYZQ&gpic=UID%3D00000de972737795%3AT%3D1713801890%3ART%3D1715492520%3AS%3DALNI_MZKw0kQRk4KtkUdY1kottiqUKxl9g&eo_id_str=ID%3D3bb195c750e87b5e%3AT%3D1713801890%3ART%3D1715492520%3AS%3DAA-AfjZnI-kPcK_TuET5d-2c_LpE&prev_fmts=0x0%2C728x280%2C728x280%2C728x280%2C728x280%2C728x280%2C728x280%2C728x280&nras=9&correlator=1711987876431&frm=20&pv=1&ga_vid=289151608.1713801884&ga_sid=1715492519&ga_hid=1201210283&ga_fc=1&u_tz=480&u_his=2&u_h=1080&u_w=1920&u_ah=1032&u_aw=1920&u_cd=24&u_sd=1&dmc=8&adx=232&ady=9182&biw=1537&bih=941&scr_x=0&scr_y=5438&eid=44759875%2C44759926%2C44759837%2C31083437%2C95331983%2C95331043%2C95331712%2C95332402%2C95332415&oid=2&psts=AOrYGslAGqdUv6J0eFRJrGtsKDXCME84kfl17-W33amWcDY0ZLI0Hf2zJtLBGMuIxi3S_r-WZRCaA2jY5LSSOoPUE4Ud7g%2CAOrYGsls_XQE-t_kGPucv83MS18rPMcXTLCknhjU1USGQi7DK6o7wfMfQnuCkXmbQAfZbzG37jido-5zFrdd8m-__By6yw%2CAOrYGsl4Pkwpc1lPT2xhohjoPGEh6zANGw8zh_dYp10stCXfnnZeVMLCfRG9FmqVmXYYBTR981JGPshIYfajFp2yYA-X1Q%2CAOrYGskIJlr5zn0-fU7ph4fpqtJSnHf5t5Xu8QNKo8mzE_UTxZFmOYN5dOjjtWqPt322jvN71hmTU8fP5sUtseEQzx4xAg%2CAOrYGsnc8MboVszFTzWv57y9W3RW0mGYd930Dh13kro9Hy4-wdYNG-TafdM7P4dMTnvukhnB_T0q2meK0IvGPUvCcVMSAw&pvsid=131009800894469&tmod=1880499719&wsm=1&uas=0&nvt=1&ref=https%3A%2F%2Fwww.bing.com%2F&fc=1408&brdim=155%2C24%2C155%2C24%2C1920%2C0%2C1616%2C1032%2C1552%2C941&vis=1&rsz=%7C%7Cs%7C&abl=NS&fu=128&bc=31&bz=1.04&psd=W251bGwsbnVsbCxudWxsLDNd&ifi=9&uci=a!9&btvi=8&fsb=1&dtd=40802 相信不少网站在配置CDN的时候都会选择免费的Cloudflare作为首选。 如果排除了服务器配置,PHP配置相关问题之后,还是无法加载Elementor编辑器的话,可以检查一下网站是否配置了Cloudflare的CDN服务,是否打开了Rocket Loader功能。如果打开了Rocket Loader功能,需要进行关闭。 登陆Cloudflare账户,选择目标网站,在左侧侧边栏中点击Speed-Optimization中,拉到最下面,查看Rocket Loader是否打开(打开为绿色带一个☑️的样式),如果打开点击关闭成如下图状态。 检查伪静态配置 如果是用的宝塔面板,需要检查是否开启了Wordpress的伪静态设置。 在PHP项目中,选择目标网站,点击设置,选择伪静态,在里面勾选Wordpress的伪静态设置,点击保存。 检查SSL配置 这个主要是针对配置了SSL以后,还是无法打开的情况。 有一些配置了SSL证书以后,把Wordpress的Setting(设置)-General(常规)里面的WordPress Address (URL)与Site Address (URL)修改为Https以后,网站还是现实不安全,需要在Wp-Config.Php文件中再进行修改。 在没有在Wp-Config.Php添加SSL Define代码前,如果你已经在Wordpress中提前将两个URL都修改为Https,有可能会导致网站打不开的现象,需要登陆PhpMyadmin,在Wp-Options中重新先将URL改为Http,再登陆网站。代码添加刷新后,再在网站设置里修改URL为Https即可。 如下图将下方代码添加到 @Package WordPress后方 修改后,保存,即可。 OK, 以上九种就是常见的导致Elementor 无法加载问题的解决办法,希望能够帮助到大家。 如果这八种方式都试过了还是不行,就需要联系Elementor 官方或者服务器官方商讨解决方案。