最近做站的过程中，遇到的几个之前没遇到的问题，做下复盘，并分享给大家，避免踩坑。

问题1：Elementor Popup 弹出后关不掉的可能原因。

在设置 Elementor Popup 后，点击 Popup 关闭按钮，弹窗不能关闭。按 F12 刷新后，看到提示

Uncaught TypeError: Cannot read property ‘size’ of undefined

在搜了一圈后发现，Github 中有人提到这是由于设置了进入动画和退出动画导致的，把动画设置为 default 就没问题了。

这个方法确实是正确的，但并不是所有的动画都不能设置。有一些是可以使用的，不过需要你去测试。

其实，Popup 的这个问题存在很长一段时间了，一直没有修复，使用时需谨慎。

问题2: RocketCDN 国内访问不了，谨慎使用。

WP Rocket 缓存插件集成了自己的 CDN，当然这是调用的第三方的，并不是自己做 CDN，最近给客户配置时体验了一把。有好，有不好。

WP Rocket CDN 的配置非常简单，把 CDN 地址添加进去就行了，不需要你更改解析。

默认配置了 CORS headers 等，这样 elementor 的字体和图标调用就不会乱码。

但我配置 RocketCDN 后，网站字体和图标竟然都加载不出来。

刚开始排查，以为是 cors headers 没配置的原因。后来发现是 rocketcdn 在国内被屏蔽了，国内 ping 都是超时，开工具网站就正常了。

所以有国内访问网站的需求，还是谨慎配置 rocketcdn 。

问题3：Safari 浏览器会阻止 GA 追踪，并导致网站乱码

最近一个网站出现了 Chrome 能打开，但是 Safari 无法加载网站的字体、图标和图片问题。

刚开始以为是 Safari 无法支持 webp 格式图片，后来查到最新版的 Safari 已经支持了。

最终排查到的解决办法是：

在 Safari 设置中，去掉勾选【阻止跨站跟踪】，网站就能正常打开了。