认识达内从这里开始

性能优化问题是需要软件编程开发程序员和网络运维程序员长期关注的一个问题，而本文我们就通过案例分析来简单了解一下，程序员需要掌握哪些页面性能优化方法。

1、页面级别：提升页面加载速度

加载优化是为了解决页面内容加载速度受限于网络带宽，过于耗时的问题，主要手段有：

项目打包优化

Webpack是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。通常我们使用Webpack将多种静态资源js、css、less转换成一个静态文件，减少了页面的请求。

核心概念有：

Output：告诉webpack在哪里输出它所创建的bundles,以及如何命名这些文件,默认值为./dist。

Module：Webpack会从配置的Entry开始递归找出所有依赖的模块。

Chunk：一个Chunk由多个模块组合而成,用于代码合并与分割。

Loader：loader可以将所有类型的文件转换为webpack能够处理的有效模块,然后你就可以利用webpack的打包能力,对它们进行处理。

Plugin：被用于转换某些类型的模块,而插件则可以用于执行范围更广的任务。

2、CDN加速

CDN的全称是ContentDeliveryNetwork，即内容分发网络。其目的是通过在现有的Internet中增加一层新的CACHE(缓存)层，将网站的内容发布到接近用户的网络”边缘“的节点，使用户可以就近取得所需的内容，提高用户访问网站的响应速度。从技术上全面解决由于网络带宽小、用户访问量大、网点分布不均等原因，提高用户访问网站的响应速度。

Cache层技术可以用来消除峰值数据访问造成的节点设备阻塞。Cache服务器具有缓存功能，绝大部分的网页对象的重复访问不需要从原始网站重新传送文件，只需要通过简单认证将副本发送即可。缓存服务器的位置通常不输在用户端附近，所以可以获得局域网的响应速度，有效减少广域宽带消耗。

对于提升响应速、节约带宽、有效减轻源服务器的负载十分有效。

3、gzip压缩

Gzip是GNUzip的缩写，是一个GNU自由软件的文件压缩程序，在使用中基本可以压缩50%的文本文件大小。在说Gzip之前，我们先介绍一个概念，HTTP压缩。HTTP压缩是一种内置到网页和网页客户端中以改进传输速度和带宽利用率的方式。在使用HTTP压缩的情况下，HTTP数据在从服务器发送前就已压缩：兼容的浏览器将在下载所需的格式前宣告支持何种方法给服务器;不支持压缩方法的浏览器将下载未经压缩的数据。

HTTP压缩就是以缩小体积为目的，对HTTP内容进行重新编码的过程。

Gzip就是HTTP压缩的例题。

减少文件大小会带来两个明显的好处：

减少存储空间

通过网络传输时可以减少传输时间

Gzip压缩背后的原理，是在一个文本文件中找出一些重复出现的字符串、临时替换它们，从而使整个文件变小。也正是因为这个原理，文件中代码的重复率越高，Gzip压缩的效率就越高，使用Gzip的收益也就越大。反之亦然。

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei456学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。