随笔分类 -  网页加载速度性能优化

网页加载速度优化4--图片懒加载
摘要：当前网页设计理念主要以大气简洁主流（文艺小清新网站例外）。更多的信息用图片来展示。 由于图片都是高清，所以会影响到网页加载速度。这里我们就用到图片的懒加载（延迟加载）功能。 最快速解决方案：jquery lazyload插件。 Lazy Load 是一个用 JavaScript 编写的 jQuery 阅读全文
posted @ 2016-05-26 08:00 prince.shi 阅读(1704) 评论(0) 推荐(0)
网页加载速度优化3--动态加载数据
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--先加载css --> <link rel="stylesheet" href="style.css"></head><body> 阅读全文
posted @ 2016-04-27 09:53 prince.shi 阅读(469) 评论(0) 推荐(0)
网页加载速度优化2--先加载css，然后再加载js文件。
摘要：网页加载时，是按从上到下，从左到右的顺序加载的。所以一定要先加载css文件（不要让用户看到一个杂乱无章的页面），最后再加载js文件，js一般都是处理功能的，所以不需要提前加载。先给用户观感，再给用户上手体验。<!DOCTYPE html><html lang="en"><head> <meta ch 阅读全文
posted @ 2016-04-27 09:32 prince.shi 阅读(4803) 评论(0) 推荐(1)
网页加载速度优化1--压缩数据流
摘要：对于大数据流的传输，首先要对数据进行物理优化： 即对传输的数据，进行压缩。这里我们采用gzip压缩，压缩率能达到70%~80%； 大大改善web网页传输速度。 ByteArrayOutputStream arrayOutputStream ＝new ByteArrayOutputStream(); 阅读全文
posted @ 2016-04-27 09:18 prince.shi 阅读(264) 评论(0) 推荐(0)