web前端SEO优化处理方法
- 减少HTTP请求
- 使用雪碧图(精灵图),多张图片合并到一张进行请求;
- 使用静态资源缓存:服务器上静态资源未更新时再次访问不请求服务器;
- 压缩img,css,js等文件 ;
- 使用公共的css、js文件(base、common);
- 服务器端渲染
服务端渲染不仅仅解决了SEO((Search Engine Optimization))和首屏加载过慢的问题,还能减少接口的暴露,前后端分离的弊端就是接口的对外暴露,导致别人可以抓取我们的接口,而服务端渲染可以做到至少一小部分不该暴露出去的接口是可以留在服务端的。
-
CDN加速 CDN通过将资源存储在更接近用户的位置,缩短到服务器的往返行程,加快页面加载时间来解决性能问题。
-
将CSS放在页面顶端,JS文件放在页面底端
CSS的引用要放在html的头部header中,因为显示页面时要用到的,对于JS文件引用尽量放在页面后面,因为页面一般都是自上而下加载的,而js加载时会影响整个页面的显示速度,给人一种加载速度慢的印象。加载速度慢,对网站访问量是致命的。当然,特殊情况除外。避免使用CSS表达式与滤镜。
另外:绝对不能用@import导入css或者js文件!
-
合理的ajax请求 对于返回内容相同的请求,没必要每次都直接从服务端拉取,合理使用* AJAX* 缓存能加快 AJAX 响应速度并减轻服务器压力。
-
缩小 favicon.ico 并缓存 有利于 favicon.ico 的重复加载,因为一般一个 Web 应用的 favicon.ico 是很少改变的。
-
减少DOM数量和层级数量 HTML 中标签元素越多,标签的层级越深,浏览器解析 DOM 并绘制到浏览器中所花的时间就越长,所以应尽可能保持 DOM 元素简洁和扁平化的层级。
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhbcfgfj
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01 -
怎样阻止微信小程序自动打开
PHP中文网 06-13