![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
网站性能优化
文章平均质量分 66
网站性能优化
花铛
这个作者很懒,什么都没留下…
展开
-
《五》避免 CSS 表达式
将样式表放在顶部:关心性能的前端工程师都希望页面能逐步地加载呈现。当浏览器逐步地加载页面中的页头、导航栏、顶端 logo 时,所有这些都会为等待页面的用户提供视觉反馈,这改善了用户整体体验。组件通常是按照它们在文档中出现的顺序下载的。将样式表放在文档底部会导致在浏览器中阻止内容逐步呈现,为避免当样式表变化时重绘页面中的元素,浏览器会阻塞内容逐步呈现,在浏览器和用户等待位于底部的样式表时,浏览器会延迟显示任何可视化组件,直到所有的样式表下载完成,可能会导致出现无样式内容的闪烁或白屏现象。样式表在页面中原创 2021-06-25 10:34:01 · 364 阅读 · 0 评论 -
《四》将样式表放在顶部、将脚本放在底部
第一章和第三章通过限制不必要的 HTTP 请求解决了响应时间的问题;第二章通过将 HTTP 响应拉近用户来减少响应时间;本章通过减小 HTTP 响应的大小来减少响应时间,如果 HTTP 请求产生的响应包很小,传输时间就会减少,因为只需要将很小的包从服务器传递到客户端。从 HTTP 1.1 开始, Web 客户端可以通过 HTTP 请求中的 Accept-Encoding 头来标识对压缩的支持。如果 Web 服务器看到请求中有这个头,就会使用客户端列出来的方法中的一种来压缩响应。 Web 服务器通过响应原创 2021-06-23 18:27:50 · 271 阅读 · 0 评论 -
《三》减小 HTTP 响应的大小
浏览器使用缓存来减少 HTTP 请求的数量,并减少 HTTP 响应的大小,使 Web 页面加载得更快。浏览器直接从硬盘上读取组件而无需生成任何 HTPP 流量。缓存应该包含任何不经常变化的组件,包括图片、脚本、样式表和 Flash 等,但是,不应该包括 HTML,因为它包含动态内容。Expires :Web 服务器使用 Expires 头来告诉 Web 客户端它可以使用一个组件的当前副本,直到指定的时间为止。它在 HTTP 响应中发送。如果为页面中的一个图片返回了这个头,浏览器在后续的页面浏原创 2021-06-23 14:08:40 · 1037 阅读 · 0 评论 -
《二》拉近 HTTP 响应的距离
互联网:广义的互联网,由两层组成:一层是以 TCP/IP 为代表的网络层;另一层是以万维网 WWW 为代表的应用层。以 TCP/IP 为核心的网络层(狭义的互联网),实际上是广义互联网的下层,这一层的主要作用是通过计算机之间的互联,将各种信息的数据报文以极低的成本进行传输,俗称“管道”,所有信息和内容在这个管道里进行传送。以万维网 WWW 为代表的应用层,是广义互联网的上层。这一层包括很多种类型的流量和应用,例如:邮件、软件、在线影院、游戏、电子商务、移动应用等,所有服务提供商提供的都是这些用户看得见原创 2021-06-23 09:35:09 · 110 阅读 · 1 评论 -
《一》减少 HTTP 请求的数量
在测试 Web 应用程序时,尽可能模仿真实的用户环境,使用低端机器和低速网络来测试,因为在开发人员的高配置环境中得出的测试结果很可能会掩盖性能问题。Ajax:传统方式下用户操作的结果是请求替换页面,而 Ajax 的实现方式是:发送数据包到服务器,然后服务器返回另一个数据包来响应,最后 JavaScript 程序使用这些数据来更新浏览器的显示。这样做,数据的传输量、用户操作和可视化反馈的时间间隔都明显减少,服务器和浏览器需要做的工作量也减少了。...原创 2021-06-18 10:58:23 · 379 阅读 · 0 评论