如何进行网站性能优化
2022-11-18 09:21:57
141
{{single.collect_count}}

进行网站性能优化有:1、content方面,减少HTTP请求,减少DNS查询,避免重定向;2、Server方面,使用CDN,使用Gzip压缩,避免空src的img标签;3、cookie方面,减小Cookie。

php入门到就业线上直播课:进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具:点击使用

1、Content方面

减少HTTP请求:合并文件、CSS精灵、inline image

减少DNS查询: DNS查询完之前浏览器不能从这个主机下载任何文件、方法:DNS缓存、讲资源分布到恰当的数量的主机名,平衡并行下载和DNS查询

避免重定向 : 多余的中间访问

使用AJAX缓存

非必须组件延迟加载

未来所需组件预加载

减少DOM元素数量

将资源放到不同的域下面:浏览器同时从一个域下载资源的数目有限,增加域可以提高并行下载量

减少iframe数量

不要404

2、Server方面

使用CDN

添加Expires或者Cache-Control: 当Cache-Control和Expires同时存在时,Cache-Control会覆盖Expires。相关链接

使用Gzip压缩

配置Etag

Flush Buffer Early

Ajax使用GET进行请求

避免空src的img标签

3、Cookie方面

减小Cookie

引入资源的域名不要包含cookie

4、CSS方面

将样式表放到顶部

不要使用CSS表达式

不使用@import

不使用IE的Filter

5、JavaScript

将脚本放到页面的底部

将JavaScript和CSS从外部引入

压缩JavaScript和CSS

删除不需要的脚本

减少DOM的查询

合理设计事件监听器

6、图片方面

优化图片: 根据实际颜色需要选择色深、压缩

优化CSS精灵

不要在HTML中拉伸图片

保证favicon、ico小并且可缓存

7、移动方面

保证组件小于25K

Pack Components into a Multipart Document

以上就是如何进行网站性能优化的详细内容,更多请关注php中文网其它相关文章!

回帖
全部回帖({{commentCount}})
{{item.user.nickname}} {{item.user.group_title}} {{item.friend_time}}
{{item.content}}
{{item.comment_content_show ? '取消' : '回复'}} 删除
回帖
{{reply.user.nickname}} {{reply.user.group_title}} {{reply.friend_time}}
{{reply.content}}
{{reply.comment_content_show ? '取消' : '回复'}} 删除
回帖
收起
没有更多啦~
{{commentLoading ? '加载中...' : '查看更多评论'}}