web性能优化和seo

web性能优化

一、为什么要做性能优化?

网站前端的用户体验决定了用户是否想要去使用网站的功能,而网站的功能决定了用户是否会一票否决前端体验。 不仅仅如此,如果前端优化得好,不仅可以为企业节约成本,还能给用户带来更多的用户,因为增强的用户体验。总结成三点就是:

1、加快页面展示和运行速度

2、节约服务器带宽流量

3、减少服务器压力

二、什么时候做性能优化最合适?

一般来说,遵循避免过早优化的原则,因为网站再发过程中的成本相对来说还是比较高的,web开发工程师、ui、产品、运维、后台服务等等,所以第一我们要保证基本功能完成,再考虑优化。第二在没有找到性能瓶颈之前,不要优化

三、哪方面需要做性能优化?

在这之前,我们先分析一个页面从发起请求到展示到用户大概流程

1、DNS 查询

2、发送 HTTP 请求

3、等待服务器响应

4、下载服务器响应内容

5、解析 HTML、CSS、JS

6、渲染 HTML、CSS、JS 和图片

7、响应用户事件

了解了这几个过程,大家应该知道如何优化了吧,对!就是对症下药:

1、针对 DNS 查询优化
减少网站所用的域名个数(现代浏览器基本都具备并行下载能),减少 DNS 查询时间建议一个网站使用至少 2 个域,但不多于 4 个域来提供资源

2、针对发送方面的请求优化
localStorage(本地存储)静态资源打包,开启 Gzip 压缩(节省响应流量)Cookie 隔离(节省请求流量)使用 CDN 加速(访问最近服务器)

3、针对等待服务器响应方面的优化
合理设置 HTTP 缓存:Etag 与 Cache-control启用 HTTP/2(多路复用,并行加载)优化数据库查询部署负载均衡

4、针对下载服务器响应内容优化
用 CSS3 实现图片,对小图标进行 base64(降低请求数)延迟(defer)加载/异步(async)加载依赖针对解析 HTML、CSS、JS优化去掉无用的 HTML、CSS 和 JS优化首屏时间:脚本后位置、图片压缩、懒加载

5、针对渲染 HTML、CSS、JS 和图片优化
最小化重绘(repaint)和回流(reflow):批量修改元素样式、避免 table 布局等针对响应用户事件优化尽量不在前端做复杂的运算

seo

seo是什么?有什么作用?

经常听到什么关于SEO,做seo排名?SEO其实就是搜索引擎优化,是一种通过特定的方法优化自己网站的自然搜索排名的方法。

也就是为了使网站更容易被搜索引擎所接受。

更深的理解是:通过seo优化,这种无需付费的基础营销方式,使自己的网站从同类网站中脱颖而出。从而获得品牌收益。

SEO可分为两类:站外SEO和站内SEO。

一、站内seo

主要包括网站的链接结构、网站的树结构和网站资源的优化(文章和产品等)。

一般的企业网站做好后,网站的树结构和链接结构基本上都做得很好,只需更新原来的内容,并做好网站里面的锚文本链接即可。

从这个角度来看,选择一个易于使用和适合SEO的企业网站建设系统是非常重要的。我们在这一点上就做得很好,包括锚文本、伪静态等等。

二、站外seo

包含友情链接和其他外部链接。

不管是友情链接、社会化书签、或者是在贴吧、知乎和论坛发帖等推广方式,其实都是在做站外锚文本。

我们的网站在搭建完成后,要做好seo优化其实就做好两点:多更新原创内容以及添加丰富的锚文本。掌握了这两点,SEO其实很简单。
web性能优化和seo_第1张图片

你可能感兴趣的:(web性能优化和SEO)