1. 优化图像 图像对于吸引访客的关注是很重要的。但是你添加到页面上的每一张图片都需要用户从你的服务器下载到他们的电脑上。这无疑增加了页面的加载时间,因此很可能让用户离开你的网站。所以,优化图像是非常必要的。 过大的图像需要的下载时间更多,因此要确保图像尽可能的小。可以使用图像处理工具如PS来减小颜 ...
分类:
其他好文 时间:
2017-05-04 21:45:08
阅读次数:
201
1、平稳退化(优雅降级) 目的:当浏览器不支持js或者js被用户禁用时,做到即使不运行js,网页的可读性亦不会受到太大的影响。 理念:使用最新的技术面向高级浏览器构建最强的功能及用户体验,然后针对低级的浏览器进行限制,逐步衰减那些无法被支持的功能及体验。使用平稳退化技术时,必须先完整的实现网站,其中 ...
分类:
其他好文 时间:
2017-05-03 22:01:57
阅读次数:
244
这几天公司的项目已经完成的差不多了,只剩下各种优化问题。今天着重于图片加载的优化。当一个页面需要下拉很长而且又有过多的图片要加载时,就会发生很多http请求,就会拉慢网页加载速度,用户体验不友好。怎么解决这个问题呢?jQuery插件库中有个插件lazyload.js可以实现图片懒加载。 lazylo ...
分类:
Web程序 时间:
2017-04-25 10:19:57
阅读次数:
311
AngularJS是一个JavaScript框架,它可以通过<script>标签添加到HTML页面。是一个JavaScript编写的库 AngularJS通过指令扩展了HTML,且通过表达式绑定数据到HTML 最好放在<body>元素的底部这样会提高网页加载速度,因为HTML加载不受制于脚本加载。 ...
分类:
Web程序 时间:
2017-04-24 00:02:13
阅读次数:
333
雅虎给出了优化网站加载速度的34条法则(包括Yslow规则22条) 详细说明,下载转发 ponytail 的译文(来自帕兰映像)。 1.Minimize HTTP Requests 减少HTTP请求 图片、css、script、flash等等这些都会增加http请求数,减少这些元素的数量就能减少响应 ...
分类:
Web程序 时间:
2017-04-22 12:33:18
阅读次数:
163
研究表明:用户最满意的打开网页时间是2-5秒,如果等待超过10秒,99%的用户会关闭这个网页。也许这样讲,各位还不会有太多感触,接下来我列举一组数据:Google网站访问速度每慢400ms就导致用户搜索请 求下降0.59%;Amazon每增加100ms网站延迟将导致收入下降1%;雅虎如果有400ms ...
分类:
Web程序 时间:
2017-04-21 00:28:36
阅读次数:
226
首先,我们来看下网页的加载流程。打开一个网页,会先拉取一个html页面,然后浏览器解析了这个html页面后,会根据页面的内容,去拉取javascript、css和图片文件,最终根据这些文件,将页面渲染出来。 我们可以看到,影响一个网页展示速度的主要因素不是网页本身,而是它依赖的一些其它文件,如果优化 ...
分类:
Web程序 时间:
2017-04-16 17:44:19
阅读次数:
222
将VirtualMode 属性设置为 true 会将 ListView 置于虚拟模式。控件不再使用Collection.Add()这种方式来添加数据,取而代之的是使用RetrieveVirtualItem(Occurs when the ListView is in virtual mode and ...
轮播效果在网页中用的很多,swiper是其中最有代表性的作品,它支持水平和竖直滑动,还有反弹效果,兼容移动端和pc端。当然代码量也是相当大的,单是js就有5300行(3.4.0的未缩版本),若不考虑代码利用率和加载速度直接就用了,在移动端比较慎重,比如京东(m.jd.com)的轮播就没有用它,而是自 ...
分类:
其他好文 时间:
2017-04-14 09:52:00
阅读次数:
220
测试的环境:pro6plus(安卓) 测试的微软小娜版本:2.6.3 第一部分 调研, 评测 1.1 下载并使用,描述最简单直观的个人第一次上手体验。 第一次加载有些慢,不知道是不是要了很多权限拖累了加载速度,然后直接到了登陆界面,微软帐号,这个登陆页面色彩单调简陋,和整体app的风格相悖,不很讨喜 ...
分类:
移动开发 时间:
2017-04-13 15:26:40
阅读次数:
322