CSS Sprite 特性： CSS雪碧也叫做CSS精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图上去加载 好处： 可以减少图片的质量，网页的图片加载速度块 减少图片的请求次数，加快网页的打开 ...
分类：
Web程序 时间：
2021-02-08 12:16:07
阅读次数：
0
性能优化是前端开发必不可少的一环，而图片优化又是性能优化中必不可少的一环，但不知道有多少开发者在网页的开发过程中会注意图片的使用，图片使用不当可能会导致网页加载卡顿、网页加载速度慢等问题，这篇文章将会将我以往对图片的处理做个总结。 不同格式图片优劣对比 有人可能会问说好的图片优化呢？怎么说到图片格式 ...
分类：
其他好文 时间：
2020-07-24 13:26:04
阅读次数：
93
打开一个网页，会先拉取一个html页面，然后浏览器解析了这个html页面后，会根据页面的内容，去拉取JavaScript、css和图片文件，最终根据这些文件，将页面渲染出来。 我们可以看到，影响一个网页展示速度的主要因素不是网页本身，而是它依赖的一些其它文件。如果优化了这些资源的加载速度，那么网页展 ...
分类：
Web程序 时间：
2020-07-24 10:05:14
阅读次数：
112
css sprites是干啥的？ 简单来讲就是把多个icon（小图标），通过ps等工具合并为一张图片，从而达到减少http请求的次数，以提高网页加载速度（性能）的一种方式。 主要的优点就是提高加载速度，还有个小优点就是，减少图片命名，相信命名这件事是大家都有的困扰。 但是缺点也是有的，比如制作的时候 ...
分类：
Web程序 时间：
2020-04-14 20:24:29
阅读次数：
94
什么是页面静态化 页面静态化分为两种 一种伪静态，即url重写，一种纯静态化。 一、静态化的优点: 1有利于搜索引擎收录网站页面的信息：搜索引擎更喜欢静态的，更变于抓取，搜索引擎SEO排名会更容易提高。 2静态网页化网页稳定 3可以提高网页加载速度 4减轻服务器负担，浏览器不需要频发调用数据库。 5 ...
分类：
Web程序 时间：
2020-02-29 11:38:05
阅读次数：
108
1. 引入webpack 网页中引入静态资源多了以后会出现什么问题？ 网页加载速度慢，因为我们要发起很多的二次请求 要处理错综复杂的依赖关系 如何解决上述问题？ 1.合并，压缩 2.使用webpack解决包之间的依赖关系 什么是webpack? webpack是前端的项目构建工具，是基于node.j ...
分类：
Web程序 时间：
2020-02-16 16:47:35
阅读次数：
94
下面介绍一种JS代码优化的一个小技巧，通过动态加载引入js外部文件来提高网页加载速度 【基本优化】 将所有需要的<script>标签都放在</body>之前，确保脚本执行之前完成页面渲染而不会造成页面堵塞问题，这个大家都懂的。 【基本优化】 将所有需要的<script>标签都放在</body>之前， ...
分类：
Web程序 时间：
2020-01-08 10:19:45
阅读次数：
86
gzip介绍配置Apache的网页压缩功能，是使用gzip压缩算法来对网页内容进行压缩后在传输到客户端浏览器。1.作用：降低了网络传输的字节数，加快网页加载速度节省流量，改善用户的浏览体验gzip与搜索引擎的抓取工具有着更好的关机2.Apache实现网页压缩功能模块包括：mod_gzip模块mod_deflate模块3.mod_gzip模块与mod_deflate模块两者均使用gzip压缩算法，运
分类：
Web程序 时间：
2019-12-18 09:30:26
阅读次数：
157
网页有很多小图标，会使网页加载速度变慢，使用精灵图要使用background-position属性确定图标位置，不方便 使用url-loader:当文件大小小于某个指定size的时候，会转成DataURL形式，也就是base64，将小图片打包到js或者css文件中 在webpack.config.j ...
分类：
Web程序 时间：
2019-12-06 13:23:18
阅读次数：
128
恢复内容开始 1：webpack的基本使用： ##在网页中会引用那些静态资源： js, css, images, 字体文件和模板文件（.vue）等 ##网页总引用静态资源多了以后会有那些问题： 网页加载速度慢，因为会发起很多二次请求，script标签，link标签，遇到src都会发起请求，随意一个页 ...
分类：
Web程序 时间：
2019-05-23 15:55:48
阅读次数：
170
