最近的文章列表

4个Web图片在线压缩优化工具
核心提示:在如今的Web设计中,图片的应用是必不可少的,为了更好地设计网站效果,大体积的图片被越来越多地应用到Web设计中来,所以,更好地优化图片文件,减少图片文件的体积就变的非常重要在如今的Web设计中,图片的应用是必不可少的,为了更好地设计网站效果,大体积的图片被越来越多地应用到Web设计中来,所以,更好地优化图片文件,减少图片文件的体积就变的非常重要,这里为大家介绍的几款图片压缩工具,都是在线应用,无需在本地安装,你要做的就是记住网址就够了。1. Smush.itSmush.it被称之为图像压榨机,是雅虎的Yahoo Exceptional Performance Team开发出的一个网络应用,旨在帮助网站优化图片,提高站点速度。是非常流行的无损压缩工具。官方网站:http://www
2011/11/12 Comments:
前端web开发的MVC模式 - 从一个简单实例讲起
MVC概论起初来之桌面应用开发。其实java的structs框架最能体现MVC框架:model模型是理解成服务器端的模块程序;view为发送给客服端的内容;control为servlet程序控制跳转和工作流。 随着前端Ajax兴起、前端开发工作进一步划分:js程序员和ue页面制作、另外从整个前端项目的清晰明朗以可扩展性角度来看,MVC的应用也越来越必要,特别是对大的项目。 例如 需要给一个页面上的button注册一个onclick事件。 1、我们可以有如下最简洁的写法:(view和model control完全混合)<HTML><HEAD><TITLE> example </TITLE></HEAD><BODY
2011/11/10 Comments:
改进自己的JavaScript脚本性能
改进自己的JavaScript脚本性能语言层次方面循环 循环是很常用的一个控制结构,大部分东西要依靠它来完成,在JavaScript中,我们可以使用for(;;),while(),for(in) 三种循环,事实上,这三种循环中for(in)的效率极差,因为他需要查询散列键,只要可以就应该尽量少用。for(;;)和while循环的性能应该说 基本(平时使用时)等价。 而事实上,如何使用这两个循环,则有很大讲究。我得出的结论是: 如果是循环变量递增或递减,不要单独对循环变量赋值,应该在它最后一次读取的时候使用嵌套的++或操作符。 如果要与数组的长度作比较,应该事先把数组的length属性放入一个局部变量中,减少查询次数。 局部变量和全局变量 局部变
2011/11/10 Comments:
HTTP页面的优化,JS,IIS连接数,代码 前端开发优化
本文是针对网页设计师(WEB前端工程师)的,不涉及程序以及系统。一、基于减少HTTP连接数的优化像刚才这篇文章,就是基于减少并发HTTP连接数的优化。由于IE每次在一个域上并发连接数默认为8个,这意味着超过8个文件的时候,需要等待前8个文件之一传输结束。我们可以:1、将图片,尤其是大图片放到另外一个域名中。大站可以用另一个服务器来专门用于图片的传输。对于虚拟主机可以绑定另外一个域名。这在大网站中很常见。2、合并CSS和JS文件。以及在可能的时候合并图片。3、预加载技术。最近很常见的,就是先用js显示缩略图,然后setTimeout延时加载大图片。二、基于减少体积的优化减少体积意味着减少带宽,能够很直接地减少硬件与带宽的开支。由于网站每日接待成千上万的访客,就是一个字节的优化也可以带来显著的效
2011/11/10 Comments:
web前端优化之动态加载
网站最近搞了次优化,效果比较明显,以前不敢用的动态加载(我自己起得,洋名叫lazy load,这样翻译应该也算得体,延迟加载也说得过去..)终于派上了用场.总的来说是这样的:页面加载时不会初始化的脚本不引用,不显示的ui用的样式不加载.用户交互用到时加载.除用户可视区域外的图片不加载,用户有滚屏操作时加载.具体实现:1 . 实现js和css的动态加载适用 : 页面的pv较高,功能模块较多,每次刷新页面都需要重复解析和渲染.缺点 : 用户从点击一个按钮到函数响应,中间会有静态的下载和解析的一段延迟(有客户端缓存会好的多)优化 : 为了尽量让用户感觉不到延迟,我们在登录页面预载的一些经常用到的脚本(由于网站的更新周期固定,所以脚本仅会在更新当天预载)实现 :XN.dynamicLoad({fil
2011/11/9 Comments:
JavaScript优化方案二
JS优化已经讨论了很多了,最近又看到aimingoo的一篇。大体上,aimingoo的说法都是非常正确的。 除了像aimingoo做个案研究外,这里我想从更一般的角度总结在浏览器编程中JS优化的几个原则。 首先,与其他语言不同,JS的效率很大程度是取决于JS engine的效率。除了引擎实现的优劣外,引擎自己也会为一些特殊的代码模式采取一些优化的策略。例如FF、Opera和Safari的JS引擎,都对字符串的拼接运算(+)做了特别优化。显然,要获得最大效率,就必须要了解引擎的脾气,尽量迎合引擎的口味。所以对于不同的引擎,所作的优化极有可能是背道而驰的。 而如果做跨浏览器的web编程,则最大的问题是在于IE6(JScript 5.6)!因为在不打hotfix的情况下,JScript引擎的垃圾回
2011/11/8 Comments:
JavaScript优化方案一
作为一名网站开发WEB前端工程师,对自己开发的网站项目应该尽可能地对其性能进行优化,现在互联网上搜索到的网站性能优化多是翻译转载自Yahoo14条或34条。Yahoo的优化建议关注在大的方面,下面,W3C Group为大家呈现WEB前端开发高性能优化部分之JavaScript的优化细节!一、避免出现脚本失控不论什么脚本,在任何时间、任何浏览器上执行,都不应该超过100毫秒。如果实际执行的时间长于这个底限,一定要将进程分解成若干更小的代码段。脚本失控基本上有以下四个方面的原因:1. 在循环中执行了太多的操作解决这个问题的诀窍就是用下面这两个问题来评估每个循环:这个循环必须要同步执行么?循环里面的数据,必须要按顺序执行么?如果1和2都可以否定,那么建议使用setTimeout方式将循环体切分成小
2011/11/7 Comments:
微软提供的测试 Web 服务器的压力工具
以下是 Microsoft 提供的 Web 压力工具:Web Capacity Analysis Tool(Web 能力分析工具)IIS 6.0 资源工具包工具中包括 WCAT 5.2。要下载 IIS 6.0 资源工具包工具,请访问下面的 Microsoft 网站:http://www.microsoft.com/downloads/details.aspx?FamilyID=56fc92ee-a71a-4c73-b628-ade629c89499&amp;DisplayLang=enIIS 7.0 Web 能力分析工具可以从下面的 Microsoft 网站下载:http://www.iis.net/downloads/default.aspx?tabid=34&i=1466
2011/10/9 Comments:
两个不错的在线图片无损压缩工具
我们平时在网上上传图片都需要占用一定的网络空间。对于个人站长来说,如果你的网站空间和流量限制比较大,那么你得管好自己网站的相关数据,特别是图片这种最常用的数据。这时我们就可以使用在线图片无损压缩来减小我们需要上传的图片的大小。本人一直使用这种方法,今天来和大家分享下。 一、Yahoo! Smush.it在线图片无损压缩Yahoo提供的这个工具是我最常用的,使用简单,上传图片即自动进行压缩,压缩后你只需下载即可。图片无损压缩貌似是针对png图片的,jpg等图片还是会有所折损,不过肉眼很难看出来。Yahoo!Smush.it使用方法:点UPloader&ndash;SELECT FILE按钮,完成图片上传,然后自动压缩,选择相应的链接&ndash;右键另存为下载即可。Yahoo!
2011/6/23 Comments:
Asp.net网站性能优化二则[精]
摘要:Web服务器的性能优化有很多资料介绍了,多台主机负载均衡,查询结果的多级缓存,数据库索引优化等都是常见的优化手段。随着后端优化空间越来越小,现在越来越多的网站更注重前端性能的优化,就是浏览器,http层面的优化,这里写两点最简单最有效的asp.net网站优化技巧。了解常见的网站性能优化技巧首先我们要学一些优化网站性能和体验的理论和基础知识,雅虎已经帮我们总结好了,详见参考链接中的几篇文章,有好心人已经给翻译成中文了。这里面提到的一些技巧可操作性都很强,建议每一个网站开发人员都仔细学习并进行实践,可以说不了解这里面说的优化技巧,提升网站前端性能就无从谈起。诊断网站性能要想优化网站的前端性能,首先要查看最影响前端性能的瓶颈是哪些?最常用的工具就是Google的Page Sped和Yahoo
2011/6/23 Comments: