阅读 283
web前端SEO优化处理方法整理

web前端SEO优化处理方法整理

这是我参与8月更文挑战的第21天,活动详情查看:8月更文挑战

  1. 减少HTTP请求
  • 使用雪碧图(精灵图),多张图片合并到一张进行请求;
  • 使用静态资源缓存:服务器上静态资源未更新时再次访问不请求服务器;
  • 压缩imgcssjs等文件 ;
  • 使用公共的cssjs文件(basecommon);
  1. 服务器端渲染 

  服务端渲染不仅仅解决了seo和首屏加载过慢的问题,还能减少接口的暴露,前后端分离的弊端就是接口的对外暴露,导致别人可以抓取我们的接口,而服务端渲染可以做到至少一小部分不该暴露出去的接口是可以留在服务端的。

  1. CDN加速

  CDN通过将资源存储在更接近用户的位置,缩短到服务器的往返行程,加快页面加载时间来解决性能问题。

  1. 将CSS放在页面顶端,JS文件放在页面底端

  CSS的引用要放在html的头部header中,因为显示页面时要用到的,对于JS文件引用尽量放在页面后面,因为页面一般都是自上而下加载的,而js加载时会影响整个页面的显示速度,给人一种加载速度慢的印象。加载速度慢,对网站访问量是致命的。当然,特殊情况除外。避免使用CSS表达式与滤镜。

另外:绝对不能用@import导入css或者js文件!

  1. 合理的ajax请求

  对于返回内容相同的请求,没必要每次都直接从服务端拉取,合理使用* AJAX* 缓存能加快 AJAX 响应速度并减轻服务器压力。

  1. 缩小 favicon.ico 并缓存

  有利于 favicon.ico 的重复加载,因为一般一个 Web 应用的 favicon.ico 是很少改变的。

  1. 减少DOM数量和层级数量

  HTML 中标签元素越多,标签的层级越深,浏览器解析 DOM 并绘制到浏览器中所花的时间就越长,所以应尽可能保持 DOM 元素简洁和扁平化的层级。

文章分类
前端
文章标签