本文系统介绍一下使用Avada主题建设WordPress外贸网站时,针对速度优化方面的一些主题选项配置心得。同时Avada作为风靡Themeforest平台的多功能型WordPress主题,它除了在功能模块和易用性方面一直在逐步提升之外,其底层代码和整体架构上的优化程度也日趋完善,这也是它能长期霸占主题销量榜首的重要原因。
如果你的WordPress外贸网站托管在一款性能优越的服务器上,而且已经对若干主要的方面进行了优化,基本上Avada主题不会对网站的浏览速度有太大的影响。但是如果你对我们所说的“优化”没有很明确的概念,那么在这篇文章中你将能够找到并领会一些条理,主要是针对Avada主题选项中你可能没有重视的参数设置。当然针对WordPress网站的速度优化涵盖很多领域,比如图片加载速度的提升、缓存机制的运用等等,这些我们将在后续的文章中逐步展开讲解。
1. 禁用Avada主题中未使用的元素
Avada主题的开发目标是能够应对所有类型网站的搭建,所以在其内置的Fusion Builder编辑器中集成了丰富的版面元素以供调用。现阶段看起来效果还不错,很多WordPress外贸建站服务都经常性使用到这个主题,但是从最终的效果呈现来看,没有太大的雷同甚至能做到完全不露痕迹。
问题在于主题功能过于完善的话,作为行业和产品针对性很强的个体WordPress外贸网站而言,会有很多内容元素用不上,比如Timeline时间线、Chart图表或者WooCommerce商城模块等等,这些元素如果没有进行清理,就算在网页中没有使用也会增加一些额外的脚本,所以首先要做的一件事情就是针对性的元素禁用。
在后台进入左侧菜单”Fusion Builder – Settings”界面,把未使用的元素取消勾选即可,你也可以针对不同的栏目类型进行全局禁用,比如一般用于发布新闻资讯的Posts等,这样在前台加载的页面时候就不会调用额外脚本了:
2. 禁用Avada Sliders幻灯模块
Avada主题内置了简洁明快风格的幻灯轮播模块,个人体验相比Revolution Slider等第三方插件而言,它侧重于代码简洁的轻量级幻灯制作,可以基本满足简单幻灯设计的需求,只不过在呈现形式和动画效果上没那么丰富。如果你对它不是很心水,甚至压根就没考虑去使用的话,可以直接在主题选项中禁用。
在后台进入左侧菜单”Avada -> Theme Options -> Advanced -> Theme Features”界面,把里面的”Elastic Slider”和“Fusion Slider”切换到Off状态即可:
3. 关闭手机端CSS Animations动画效果
Avada主题的大部分Fusion Builder元素都支持CSS Animations动画属性,你可以通过它丰富页面各版块元素加载时的视觉体验,但是在移动手机端上很多效果就失去了意义,甚至根本就不支持,所以反而在一定程度上拖累了浏览速度。
在后台进入左侧菜单”Avada -> Theme Options -> Advanced -> Theme Features”界面,你可以针对它进行选择性地启用,当然如果完全没有考虑使用也可以选择全站禁用。
4. 禁用无关的API Scripts脚本支持
通常API Scripts脚本都会在一定程度上影响速度,Avada主题集成了丰富的脚本支持,但在实际的建站过程中需要有针对性的筛选。比如在线视频嵌入可以同时支持Vimeo和YouTube,通常情况下我们最好就使用其一即可。类似还有Google地图等,如果没有使用Fusion Builder里面的 Google Map元素,而是直接内嵌官方地图代码的话,也可以直接禁用以节省资源。
在后台进入左侧菜单”Avada -> Theme Options -> Advanced -> Theme Features”界面进行设置,在这里To Top基本建议在Moblie移动设备中禁用:
5.本地托管Google Fonts字体
WordPress外贸网站一般都会或多或少使用Google字体以提升阅读体验,在Avada主题中提供两种加载Google Fonts的形式。在使用Google字体时建议全站统一成1-2种即可,一方面是为了网站的文本视觉版式风格的高度一致,另外也尽量减少资源调用的进程数和体积。其实大部分的Google Fonts文件本身体积不是很大,对于本地服务器而言也仅仅是很少的占用,更重要的是省去了远程调用的一些不确定因素,提升了网站访问的稳定性。
在后台进入左侧菜单”Avada -> Theme Options -> Privacy”界面,将Google Fonts Mode切换设置成Local即可:
最后需要再次强调的是,Avada选项优化只是提升WordPress网站速度的途径之一,随着版本的不断更新Avada主题改善并细化了众多的选项参数,在WordPress外贸建站的过程中合理科学地进行遍历和调整,对网站的速度性能会有很好的增益。具体设置标准也要根据网站的情况各取所需,比如Related Posts相关文章、JPEG Quality压缩质量等等,当然也有一些参数我们是有选项推荐的,比如开启JS Compiler脚本合并压缩等。