前端可做那些优化?seo?

性能优化:
(1)减少http请求(解决办法:合并图片,合并js和css;图片较多的页面可以使用懒加载技术)。
(2)尽量减少repaint和reflow
(3)减少DOM操作(解决办法:减少对Dom操作的查询和修改,查询时可将其赋值给局部变量)。
(4)使用JSON格式进行数据交换(在JSON中,有两种结构: 对象和数组。对象:var obj={"name":"darren","age":24,"location":"beijing"};数组:var jsonlist=[{"name":"darren","age":24,"location":"beijing"},{"name":"weidong.nie","age":24,"location":"hunan"}];)
(5)高效使用HTML标签和CSS样式
(6)使用CDN加速
(7)精简css和js文件(可以使用软件压缩css和js,压缩后会把注释去掉,移除额外的空格、标识符替换)。
(8)压缩图片和使用图片sprite技术(图片压缩:缩小图片分辨率、改变图片格式、降低图片保存质量;
图片精灵:就是减少http请求数)
(9)控制cookie大小和污染


SEO优化:
(1)网站布局要做到样式与页面分离,删除不必要的标签和元素;
(2)页面生成要尽量小、要压缩页面的大小,页面尽量使用静态或伪静态;
(3)所有css和js都要使用外部调用
(4)外部调用的js文件代码最好放在底部,页面调用css文件最好放到head中,同一个页面尽量不要超过3个js外部调用;
(5)每个页面只能出现一次h1标签,h2-h6标签可以多次使用,这样可以加重h1的权重。
(6)除首页外别的页面要加面包屑路径
(7)图片加上alt属性,链接加上href属性
(8)网站结构呈扁平状树型,目录结构不宜过深,每个页面离首页最多点击3次,过深不利于搜索引擎的抓取
(9)做好404页面
(10)确保网站代码无误,HTML能通过W3C版本
(11)慎用display:none;如果用图片替换文字,给文字设置text-indet一个较大的负值
(12)语义化布局会提升网页seo效果
(13)少用iframe框架

猜你喜欢

转载自blog.csdn.net/zx_p24/article/details/73188899