提高网站运行速度的一些策略

最新推荐文章于 2021-08-29 15:37:29 发布

JFrameSea

最新推荐文章于 2021-08-29 15:37:29 发布

阅读量315

点赞数

本文链接：https://blog.csdn.net/qq_14855277/article/details/52191065

版权

学习网址：https://developer.yahoo.com/performance/rules.html#page-nav=
大多用户的等待时间花费在前台，图片，样式，脚本，动画等的加载话费了大量的时间，那么如何让网站即拥有
丰富的页面内容，有可以加快响应的速度呢？
(1)Use a Content Delivery Network　
使用分布式网络
(2)Add an Expires or a Cache-Control Header
添加一个过期或者缓存头
这个规则有两方面
静态组件：实现“永不过期”的政策，通过设置遥远的未来到期的标题
对于动态组件：使用一个适当的缓存控制头来帮助浏览器有条件的请求
(3)Gzip组件
通过减少http响应的尺寸压缩减少响应的时间．
(4)Put Stylesheets at the top
css
将样式放在顶部
吧css央视放在head中，可以加快加载速度，可以逐步渲染页面
(5)put scripts　at the bottom
js
(6)Avoid CSS Expressions
css
background-color: expression( (new Date()).getHours()%2 ? "#B8D4FF" : "#F08A00" );
(7)Make JavaScript and CSS External
js, css
把js和css放到外部文件中
(8)Reduce DNS Lookups
content
(9)Minify JavaScript and CSS
js, css
生成.min的js文件
(10)Avoid Redirects
content
(11)Remove Duplicate Scripts
js
删除重复脚本
(12)Configure ETags
server
配置实体标签
(13)Make Ajax Cacheable
content
ajax的一个好处是它提供给客户及时的加载反馈，因为它从后台服务器异步发送请求．
然而，使用ajax不再保证用户不会无所事事等待异步JavaScript和XML响应返回．在很多应用这，用户是否保持
等待，取决与ajax如何使用．例如，在一个网络基础的邮箱客户端，用户将持续等待ajax请求的结果去找到所有的
匹配他们的查询标准的电子邮箱信息．及住它是一部的而不是同步的，这很重要．
优化ajax相应，非常的重要．最重要的方法是去提高ajax的性能，使相应缓存化．
(14)Flush the Buffer Early
server
提前刷新缓冲池
使用php的flush()方法
example:
... 
</head>
<?php flush(); ?>
<body>
... 
(15)Use GET for AJAX Requests
(16)Post-load Components
(17)Preload Components
(18)Reduce the Number of DOM Elements

(19)Split Components Across Domains

等等还有很多，请参考网址