简述下前端SEO优化和性能优化

2018年4月13日22:18:01 2 13

前端SEO优化和性能优化是日常毕不可少的工作,对于初级前端来说,掌握这些可以让你在还原页面的基础上在性能和对搜索引擎的友好度都是非常赞的,岂不是美哉!

简述下前端SEO优化和性能优化

下面站在一个SEOER的角度上谈谈前端SEO优化,其实两者没有什么区别,就是前端SEO优化比较注重网站本身,而SEOER则更加注重网站之外的优化。

前端SEO优化

  1. 设置网页三大元素title和keywords/description,其中title权重最高
  2. 图片加alt属性,链接加title属性
  3. 页面层次化,H1-h6和各强调标签的使用
  4. 引入外部CSS和JS文件
  5. 使用更为语义化的HTML5标签
  6. 提高页面加载速度
  7. 前端页面设置伪静态
  8. 设置必要的404页面

前端SEO优化和性能优化两者会有冲突,在做某些SEO优化的同时也在做性能上的优化,所以说性能优化的同时也在做SEO优化,主要是加载速度这块。

前端性能优化

  1. 减少HTTP请求(合并图片,压缩静态资源等)
  2. 减少DOM操作
  3. 使用JSON进行数据交换
  4. 合理的使用CSS选择符(从右向左匹配)
  5. 使用CDN加速,即内容分发网络
  6. 合理的使用缓存
  7. 减少使用第三方库,异步加载数据

SEO优化和性能优化是前端或多或少都要掌握的知识点,这其中的水很深,建议初级前端不过过度深究,现在了解个大概就可以了,等水平到达另一个高度时再试着重新总结整理下前端SEO优化和性能优化方面的知识。

猿梦

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:2   其中:访客  1   博主  1

    • avatar 武胜 来自天朝的朋友 火狐浏览器 Windows 7 1

      文章很好值得一看。

        • avatar 猿梦 来自天朝的朋友 谷歌浏览器 Windows 10 Admin

          @武胜 谢谢支持,有问题可以一直交流哈