解决AVADA主题网站LOGO忽大忽小闪烁的问题

AVADA是一个非常划算的WordPress主题,因为只要us$60,可以使用+更新一辈子,对於新手来说,能自订的功能也颇完整;此外,还附送四个实用的付费外挂☞Convert Plus(US$24)、Advanced Custom Fields PRO(US$49)、Slider Revolution(US$29),以及、LayerSlider(US$25)。(也可终身使用)。
我想,如果需要这四个外挂的朋友,就算以後想淘汰AVADA,也不至於浪费钱罗!
(不过,我先说,LayerSlider非常无需,所以算是三个吧!)

但是,AVADA这个主题通常一点都不适合任何一个老手,因为它的介面是给不懂或不想学习程序码的人使用,这也意味着,倘若要进阶客制化各种功能与样式,AVADA反而会绑手绑脚,窒碍难行。
最令人诟病的则是臃肿肥大的样式脚本,很吃主机效能;如果没有良好的网站最佳化技能,页面载入的速度也会相当心累...
因为总总的不爽,让我不断地想要摆脱AVADA主题!
但是,我不得不说,它真的是一个很容易就能配置出漂亮网站的主题,请注意,是很容易很轻松唷!嗯!非常适合没有想法、懒得深入学习,又想要快速架站的人...

当然,我目前还是继续使用AVADA,历经两年的磨练,网站的速度至少被调适到1~3秒内载入,这样的成绩,对於拥有4~5MB页面大小的AVADA网站来说,我自认很不错了。
当然,至少得让它在CLOUDWAYS上跑,才能有这样的成绩。

总之,每每提到AVADA,就没完没了,各种辛酸血泪....
☟☟为此,我还撰写了一篇关於AVADA主题的文章,有兴趣可以看看罗☟☟
https://miriammibao.com/avada-speed-compare-with-other-themes/

或许正因为AVADA知道自己肥大臃肿,所以,主题自带了网站效能最佳化调整的功能。
正如同大多数的网站最佳化外挂一样,就是那些合并或缩小CSS/JS档案、将样式推迟到Footer...等等的功能,这是大多数主题所没有的。
但是,我只能说,这些功能未必都有效,我甚至要说的是,即使是其他的最佳化外挂,都未必能为网页载入速度带来什麽显着的效果!
而且,有时候还会造成网站样式跑版,就连用AVADA内建的页面编辑器所设计的网页,也有可能因为AVADA内建的最佳化调整而跑版。

比如说,像下面的影片,就是开启了某个AVADA主题内建的最佳化功能所导致的。
影片中出现的问题为:「载入页面时,会出现左边一个大的logo+右边一个小的logo,直到页面载入之後,出现在中间的logo,才是正常的尺寸与位置」

会造成这样的结果,就是因为在AVADA>Options>Performance中,启用了「Load Stylesheets In Footer」。
其实在设定的页面中也有说明:「Set to 'on' to defer loading of the stylesheets to the footer of the page. This improves page load time by making the styles non-render-blocking. Depending on the connection speed, a flash of unstyled content (FOUC) might occur.」
大概的意思就是说,样式在页面载入之前,可能会以「闪烁」的态样出现,如果不介意倒无所谓。

但我自己非常介意,除了可能会影响访客观感以外,再来就是,有没有启用「Load Stylesheets In Footer」,对於页面载入速度来说,并没有影响太多,所以,毅然决然「关闭」它!

这是就我的网站而言啦!
因为影响页面速度,并不是只靠这些「最佳化」的功能或外挂设定,还有主机、编辑器、使用的其他外挂、有没有CDN、快取机制...等等,太多原因了。

如果要说主机的话,我非常推荐CLOUDWAYS,因为他是集「新手友善」+「老手方便」+「网站速度」+「同效能主机的CP值」於一身。

我目前也持续使用CLOUDWAYS,也会继续撰写相关的教学文章,有需要可以到这里看看☞https://miriammibao.com/blog-articles/wordpress/hosting/cloudways-tutorials/

最後,我持续学习WordPress架站,目前已开始尝试使用程序码,有兴趣可以来我的「WordPress架站笔记」看看罗!
https://miriammibao.com/blog/wordpress/

来找我玩嘛!
我的网站|这里记录了许多关於WordPress的学习日记
Instagram|这里全都是我的假掰照片
facebook|这里是我和读者聊天打屁的地方


<<:  敏捷思维(Agile Mindset)

>>:  CLOUDWAYS主机限时6折优惠码,只到2020/12/2

Day26 订单 -- 重新付款2

昨天已经有说明为什麽要有重新付款的功能, 以及大致作法,今天要介绍的是另外一种作法的, 两种谁好谁坏...

[Day29] CH13:画出你的藏宝图——事件处理(下)

接续昨天的程序,增加事件监听者至 BMI 类别。 import java.awt.event.Act...

[DAY17] 关於 DAL 的一些问题

Q: 为甚麽原本 ActiveRecord 提供的 ORM 不用,要再包一层自己的 ORM? 在本系...

[Day9] IoT Maker之Coding知识科普 - (条件判断&回圈)

1.前言 这篇呢主要还是介绍判断及回圈,但是说实话上一篇讲到的for跟if就可以应付很多状况了,但另...

资安认知-手机简讯钓鱼

「您的快递包裹已送达,请您查收.....」 因为近年来网路购物兴盛 许多人多多少少都会接获一则这样的...