资讯频道 → 互联网
阅读更多

3顶
1踩

互联网

原创新闻 减少网页加载时间的6个技巧

2017-07-12 16:30 by 副主编 jihong10102006 评论(0) 有14314人浏览
Web 优化

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

引用
来源：CSDN公众号
原文：6 Ways to Decrease Your Web Page Load Time
作者 | Jeffrey Walker
翻译 | Vincent

在Web世界中，速度才是最重要的。本文介绍了何使用6个简单的Web性能技巧来提高网页的加载速度。

根据安伯丁集团的一份研究结果显示，页面加载时间如果延迟了1秒，那么页面浏览量就会减少11%，客户满意度会下降16%，转化率下降7%。

亚马逊的研究结果也证明了这一点，他们的报告结果显示，只要网站的速度每提高100毫秒，就会增加1%的收益。还可以引用很多其它的例子，但所有的例子都很清晰的揭示了同一个很简单的道理，那就是网页加载时间是金钱。

这就是为什么企业和个人都需要竭尽所能来减少网页加载时间。记住，时间就是金钱——从字面上来说，时间往往就取决于那几微秒。

这里有6种技巧来可以帮助你大大减少网页加载时间，随之而来的转化率也会相应增加。

如何提高网站速度

1. 优化图片

统计数据显示，如果网站在3秒钟之内还没有加载成功，那么大多数用户都会选择关闭。由于图片在Web页面的可下载字节空间中占大多数，所以如果能够成功的对图片进行优化，那么Web页面的下载时间也会大大的减少。

确保图片正确优化的最佳方法之一是采用正确的大小和格式(JPEG、GIF或PNG)。目标是在不牺牲质量的情况下尽可能减少文件的大小，现在Web上有许多工具可以帮助解决这个问题。

2. 试试内容分发网络(CDN)

内容分发网络的价值在于它可以获取网站的静态文件，如CSS文件、图片和JavaScript文件，并通过与用户的物理位置更接近的Web服务器来分发这些文件。较短的距离就代表更快的加载时间。

CDN的一些代表性的例子有AWS CloudFront、Fastly或Cloudflare。CDN的另一个好处是，通过减少带宽，用户还可以降低由于流量而导致的停机时间中断的风险。无论从哪个方面来看，使用CDN带来的都是双赢的结果。

3. 缓存

缓存是一种用于临时存储Web页面以减少带宽和提高性能的机制。当访问者到达站点时，站点会提供一个缓存的版本，除非在最后一次缓存中发生了变化。这节省了服务器的时间，并且使事情变得更快。启用浏览器缓存将使重复访问者更快、更快捷。

4. 压缩

Gzip是一个用于文件压缩的软件应用程序，它就像将你的网站放入一个zip文件中。现在大多数服务器和客户机都支持gzip。当一个兼容gzip的浏览器请求某个资源时，服务器可以在将响应发送到浏览器之前压缩响应。这可以显著减少网站上的时间延迟。

5. 保持代码轻巧

重要的是尽可能缩小代码的数量，这意味着将HTML、JavaScript和CSS代码库压缩到更少的文件中，以优化它们的运行方式。例如，如果移动站点有5个JavaScript文件，浏览器将会发出5个单独的HTTP请求来获取它们。为了避免阻塞和等待时间，另一种方法是缩小并将这5个文件合并成一个精简的文件。

6. 复核虚拟主机

另一个减少网站页面加载时间的简单方法是与你的主机提供商核实一下你的包是什么类型的。共享的主机帐户通常包括与其他数十家公司共享服务器空间，这些公司的网站速度受到使用服务器的人数的影响。如果是这种情况，那么可能是时候考虑一个专用服务器，该服务器只供你一个人占用。
  • 大小: 98.3 KB
3
顶
1
踩
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 提高MySQL性能的7个技巧

    有很多关于性能如何影响用户行为的研究：1.79%的客户不太可能回到慢速网站2.47%的消费者希望网页在2秒或更短的时间内完成加载3.40%的用户在网站加载时间超过3秒时会放弃4.页面加载时间的1秒延迟可能会导致7%的损失，...

  • 提高网页加载速度的一些方法和技巧

    网页的加载速度是评估网站质量一个重要指标，原因在于大多数用户能够容忍的网页加载时间只有几秒，如果超出了访客的忍受范围他们会毫不留情地关掉你的网页，所以网页载入速度会极大地影响网站的流量和访问。...

  • 25种提高网页加载速度的方法和技巧

    哦先生随笔 - 82, 文章 - 33, 评论 - 12, 引用 - 025种提高网页加载速度的方法和技巧您希望加快网页的加载速度吗？了解如何通过缩短加载时间来改善拨号上网用户的浏览体验，在某些情形下，加载时间最多可缩短 80% ...

  • 如何有效减少网页加载时间？（转）

    网友上网都不喜欢用太多的时间等待网页的打开，等待的越长，用户可能会直接关闭网页，这样就会损失很多流量！其次，关键字的排名与网页的打开...下面给出20种方法帮你提高网站访问速度缩短网页加载时间。 1、减少...

  • html加载速度优化,web前端开发之优化网页加载速度技巧

    在这个WEB横行的时代,作为...三种格式的具体技术指标不是这篇文章探讨的内容，我们只需要知道在什么时候应该使用什么格式，以减少网页的加载时间。1、JPG：一般用于展示风景、人物、艺术照的摄影作品。有时也用在电...

  • 20点提高网站访问速度缩短网页加载时间

    网友上网都不喜欢用太多的时间等待网页的打开，等待的越长，用户可能会直接关闭网页，这样就会损失很多流量!其次，关键字的排名与网页的...下面给出20种方法帮你提高网站访问速度缩短网页加载时间。 　1、减少页面...

  • HTML5网页设计图片如何,网页设计中优化图片的6个技巧

    本文转载自【微信公众号：阿门教你PS，ID:meitian_PS】经微信公众号授权转载，如需转载与原文作者联系平面设计和网页设计是两个截然不同的领域，这两个领域有不同的设计需求、设计实践和设计方法。例如，在网页设计...

  • userscripts.org 的服务器响应时间过长.,优化网站加载速度的14个技巧

    下面我将介绍几个优化网站加载网页速度的简单方法，一起来看一下。1.服务器响应时间即使网站已经格外优化，但是除非服务器响应时间非常快，否则就不会有什么大的效果。当涉及到提高网站的速度，服务器响应时间起着...

  • HTML5网页加载速度优化

    CDNs（内容分发网络）把资源放在离用户地理位置更近的地方对解决这个问题能起到很大作用，但是比起获取请求，大量的请求对页面加载时间的影响更为严重，而且最近的发现表明，CDNs对移动端用户的性能影响越来越低。...

  • 20点提高网站访问速度缩短网页加载时间！

    网友上网都不喜欢用太多的时间等待网页的打开，等待的越长，用户可能会直接关闭网页，这样就会损失很多流量！其次，关键字的排名与网页的打开速度也有关系，这个主要体现搜索引擎对用户体验度上，用户体验度好，排名...

  • 欧美风格网站设计的网页加载速度优化技巧

    欧美风格网站设计的网页加载速度优化技巧

  • 分享网页加载速度优化的一些技巧？

    不管你是不是相信，在最近的几年里，互联网网页的大小已经显著增大了。由HTTP Archive研究得出的结果表明，目前平均一个页面的大小是1.25M。对于拥有宽带的用户来说，可能并不是一个问题。但是对于那些网速并不理解...

  • 网站程序开发中的网页加载速度优化技巧

    网站程序开发中的网页加载速度优化技巧

  • 网站策划中的网页加载速度优化技巧

    摘要：随着互联网的迅猛发展，网站的用户体验变得越来越重要。其中，网页加载速度是影响用户体验的关键因素之一。本文将介绍网站策划中的网页加载速度优化技巧

  • apache-jmeter-5.6.3 带插件

    apache-jmeter-5.6.3 带插件

  • 第六章:Python tkinter 库入门与进阶：构建精美用户界面

    内置源程序供读者参考学习

  • Java毕业设计-SpringBoot+Vue的校园台球厅人员与设备管理系统（附源码、数据库、教程）.zip

    Java 项目， Java 毕业设计，Java 课程设计，基于 SpringBoot 开发的，含有代码注释，新手也可看懂。毕业设计、期末大作业、课程设计、高分必看，下载下来，简单部署，就可以使用。 包含：项目源码、数据库脚本、软件工具等，前后端代码都在里面。 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值。 项目都经过严格调试，确保可以运行！ 1. 技术组成 前端：html、javascript、Vue 后台框架：SpringBoot 开发环境：idea 数据库：MySql（建议用 5.7 版本，8.0 有时候会有坑） 数据库工具：navicat 部署环境：Tomcat（建议用 7.x 或者 8.x 版本）， maven 2. 部署 如果部署有疑问的话，可以找我咨询 Java工具包下载地址： https://pan.quark.cn/s/eb24351ebac4 后台路径地址：localhost:8080/项目名称/admin/dist/index.html 前台路径地址：localhost:8080/项目名称/front/index.html （无前台不需要输入）

  • MATLAB设计的图像去雾设计（GUI界面设计）.zip

    MATLAB设计的图像去雾设计（GUI界面设计）

Global site tag (gtag.js) - Google Analytics