外链吧

 找回密码
立即注册
  • 513排名系统 网站优化 暴雨求助通道 唯米采集器
查看: 29|回复: 0

外贸自建网站速度优化插件Autoptimize

[复制链接]

14万

主题

14万

帖子

241

积分

积分
241
发表于 2021-4-12 18:21:01 | 显示全部楼层 |阅读模式
蚕丝被

  也是前端展示效果最炫酷的,上图中标红框的那两项设置很容易导致前端展示效果出现问题,建议勾选之后再去前端看每一个页面的具体效果(要先清除浏览器和网站内容缓存),如果有发生比较大的变动,那就放弃勾选这两个选项。外贸知识服务的相关问题可以到网站了解下,我们是业内领域专业的平台,您如果有需要可以咨询,相信可以帮到您,值得您的信赖!


  之前有同学反馈说勾选后再取消,页面内容没法再恢复到勾选前的样子,但是我测试过之后发现并没有这种问题存在,为了以防万一,建议同学们还是慎重。最后一个“添加捕捉异常包装”解释起来可能会有点复杂,简单的说javascript的源代码在发往客户端运行之前不需经过编译,而是将文本格式的字符代码发送给浏览器由浏览器解释运行。

  这种解释型语言的弱点是安全性较差,而且在JavaScript中,如果一条运行不了,那么下面的语言也无法运行。而其解决办法就是于使用异常处理.所以可以选择添加捕捉异常包装,来解决后面的语言无法运行的问题。

  CSS就是我们常说的叠层样式表,如果说html是小学生,那么CSS就相当于初中生,Javascript相当于高中生。主要功能体现在文字的样式修改方面,比方说文字大小,字体颜色,下划线,加粗,段落列表,数据图表等多方面。CSS有三种形式:内联式,嵌入式和外部式。

  上图中红框标出的两部分我不建议大家勾选,因为我尝试过勾选发现前端的一些原有的设置出现了错位和混淆的情况,所以大家还是谨慎些为好,如果想尝试的建议多刷新几次浏览器缓存,比对一下CSS设置之后页面的变化情况.

  HTML选项可以勾选,Html部分不会有太大的变动,Autoptimize对这部分的内容优化主要集中在多余内容清除和注释删除部分。html注释部分在前端页面上是看不到的,是代码部分中用来说明某段代码的具体含义和内容,以便后期代码修改的方便。

  CDN选项可以不用管,因为Jack老师用的是Cloudflare的免费CDN加速服务,相关的速度优化可以在cloudflare后台部分进行修改和设置

  2.图像优化

  图像优化部分的设置主要分为两方面,一方面是图像的优化,另外一方面是图像的加载方式优化。在第一点中Autoptimize采用的是ShortPixel插件对其进行图像优化,这里我不是很建议勾选(虽然我在上图中进行了勾选),因为我的习惯是在图片用Photoshop做好之后及时用tinypng进行图像优化然后再上传到网站的媒体库中,如果这里再次优化图像,可能前端展现图片的时候会显得模糊。

  如果同学们在上传图片之前没有用tinypng进行图片优化,这里是需要进行勾选的,而且它提供了三种图像优化方式:有损优化,无损优化,光滑是介于这两者之间的优化水准(具体的优化方式我没有仔细研究过,有兴趣的同学可以去捣鼓捣鼓)

  延迟加载图片就是我们平时常说的“Lazy load”,一般都是当鼠标或者图片出现在屏幕区域才会选择图片加载,这样的好处就在于,网站先显示首屏中的图片或者文字内容,不会等到其他内容全部下载完整才出现页面内容,这样会给访客该网站打开速度很快的错觉。

  3.自动优化

  a.谷歌字体

  谷歌字体建议是删除,它比较拖慢网页加载速度,其中的两段英文意思如下

  Combine and link in head (fonts load fast but are render-blocking), includes?display:swap.(在head中的合并和链接(字体加载速度快,但呈现阻塞),包括display:swap)

  Combine and preload in head (fonts load late, but are not render-blocking), includes?display:swap(在head中的合并和预加载(字体加载延迟,但不是渲染块),包括display:swap)

  这两种字体优化方式各有千秋,我个人比较喜欢第二种,这样不会阻塞字体的前端特效,虽然会损失一定的字体加载速度优势,但文字部分总的加载速度还是可以接受的

  b.移除emojis

  emoji就是表情的意思,没有特别重要的地方,建议勾选以便移除表情从而提升网页加载速度(虽然并不能提升太多,不过前端的效果可能不会太好)

  c.从静态资源中删除查询字符串

  这个也建议删除,不过从整体速度提升效果来看,好像最终的速度提升并不是很明显。

  后面的两项内容不建议建站新手去处理,需要有一定的网站代码基础,如果有兴趣的同学可以联系Jack老师,我会告诉你们怎么处理这方面的问题。

  Autoptimize插件的后面两个功能选项“”和“”,主要是添加其他的优化插件来进一步提升网站页面加载速度,我大体上看了一下都不是什么特别优秀的插件,很多功能和Autoptimize插件有重叠的地方,有的还需要付费才能使用相关功能,所以不建议同学们去搞这两个东西了。

  好了,以上就是本章关于外贸自建网站速度优化插件Autoptimize的全部内容,

  如果有不理解的地方,

  请使用百度或者谷歌浏览器搜索关键词--“Jack外贸建站”,排名首页首位的就是我的网站,网站上有更多外贸建站、谷歌SEO优化和外贸客户开发等免费的实操干货内容在等着你哦!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

  • 外链吧 | 五金修配网 | 免费优化 | 财通街 | 链接购买
  • 在线咨询
  • 网站优化

  • 正规网站优化群

    QQ|手机版|小黑屋|外链吧|外链吧 ( 豫ICP备17032527号-5 )|网站地图|网站地图

    GMT+8, 2021-7-28 09:55 , Processed in 0.026064 second(s), 22 queries .

    快速回复 返回顶部 返回列表