加载网页时速度慢的一些知识点

无法改变用户的带宽环境

what wo can do?

优化策略:

  1. 破坏规整的dom结构
  2. 使用定位来实现UI设计
  3. 优化显示次序

太多的HTML请求:(减少HTML请求数)

  • 通过combo合并js.css请求
  • 延时加载图片。非展示不加载
  • 地球人都知道的CSS sprite技术
  • 模块化的开发。

用户最关注的是速度!

资源文件加载所耗尽的时间:

浏览器渲染的时间

  • 减小HTML文档的大小。
  • 异步加载js模块。
  • 保证质量前提下,压缩图片。
  • 服务器配置
  1. 精简dom节点数。
  2. 避免冗余的html标签。
  3. 适时做延时渲染和异步加载
  4. 让用户的浏览器视口决定页面
  5. 首次加载时的dom节点数。

*****  我的QQ号:1539832180 ,欢迎一起讨论学习  *****

时间: 2024-10-12 13:25:36

加载网页时速度慢的一些知识点的相关文章

仿微信中加载网页时带线行进度条的WebView的实现

finddreams:http://blog.csdn.net/finddreams/article/details/44172639 为了仿微信中加载网页时带进度条的WebView的实现,首先我们来看一下微信中的效果是什么样的: 明确需求之后,我们来开始动手做,首先我们来自定义一个带进度条的WebView,名字为ProgressWebView: /** * @Description:带进度条的WebView * @author http://blog.csdn.net/finddreams *

使用webview加载网页时session同步

直接调用Android的webview加载URL时,由于需要登录的session导致URL无法显示,解决方案是在需要访问的URL中加session: String reporturl = "http://xxx.xxx.xx"; CookieSyncManager.createInstance(getApplication()); CookieManager cookieManager = CookieManager.getInstance(); CookieSyncManager.g

Android webView 加载网页时,使用本地图片替换网页内的图片

============问题描述============ RT,本质目的是阻止网页图片加载,将图片放在本地,然后在app中替换,以加快反应速度. 以前提过这个问题,没能解决,因为3.0以上才提供了替换网页资源的接口(WebResourceResponse),3.0以下没有专门的接口,想过使用get将网页取下来存为String然后替换,却发现不是所有的网页都能使用get取到(很多页面都报异常,包括百度中的某些链接),研究过一段时间,认为不能实现,放弃了. 今天突然发现一款游戏,叫巴哈姆特之怒,惊讶

ios开发 uiwebview加载网页时阻止禁止取消图片下载

http://www.icab.de/blog/2009/08/18/url-filtering-with-uiwebview-on-the-iphone/ - (NSCachedURLResponse*)cachedResponseForRequest:(NSURLRequest*)request { NSURL *url = [request URL]; BOOL blockURL = [url.absoluteString hasSuffix:@"jpg"] || [url.ab

QWebView加载网页

开发环境:win10家庭中文版,vs2013,qt5.5.1 目的:使用webkit加载web页面代码如下: #include #include #ifdef _DEBUG#pragma comment(lib, "Qt5WebKitWidgetsd.lib") #pragma comment(lib, "Qt5WebKitd.lib") #else #pragma comment(lib, "Qt5WebKitWidgets.lib") #pr

高性能网站优化-确保异步加载脚本时保持执行顺序

<高性能网站建设进阶指南> 脚本如果按照常规方式加载,不仅会阻塞页面中其他内容的下载,还会阻塞脚本后面所有元素的渲染.异步加载脚本可以避免这种阻塞现象,从而提高页面加载速度.但是性能的提升是要付出代价的.代码的异步执行可能会出现竞争状态.简单地说就是页面内部的脚本需要的标示符如果是在外部文件中定义的,而当外部文件异步加载的时候,如果没有保证外部文件和内部脚本执行顺序,很有可能会出现未定义标示符的错误 当异步加载的外部脚本与行内脚本之间存在代码依赖时,就需要通过一种保证执行顺序的方法来整合这两个

WebView 加载网页和java 与js交互

[mw_shl_code=java,true]WebView是一个可以显示网页的控件.需求:通过WebView加载assets下的html文件.实现页面的缩放.向menu键添加:前进.后退和刷新,实现对网页的操作点击网页中的链接,仍然使用本WebView浏览器,而非调用系统的浏览器网页中有button,点击button,调用android的Toast点击WebView隐藏地址栏和button,点击menu键显示地址栏和button.WebView加载网页的方式WebView webview =

【转载】Spring加载resource时classpath*:与classpath:的区别

免责声明:     本文转自网络文章,转载此文章仅为个人收藏,分享知识,如有侵权,请联系博主进行删除.     原文作者:kyfxbl     原文地址: spring配置中classpath和classpath*的区别   在spring配置文件里,可以用classpath:前缀,来从classpath中加载资源  比如在src下有一个jdbc.properties的文件,可以用如下方法加载: <bean id="propertyConfigurer" class="

webview加载网页与全屏播放视频?

上篇我们大致了解了webview的一些属性,以及重要的方法.这篇我们就要一些案列来说明,一般webview最广泛的作用就是,加载一个html的网页(实现与js交互),,webview加载网页网页当中含有视频,webview文件下载等等. 首先我们来了解下webview是如何加载网页的?首先我们看下网页在家的效果? 代码也是比较简单 1 package cn.xiao.webviewplayvideo; 2 import android.app.Activity; 3 import android