06 2017 档案

将jpg压缩成webp格式的图片
摘要:cwebp名称cwebp -压缩图像文件为的WebP文件概要cwebp [选项] INPUT_FILE -o output_file.webp描述cwebp压缩使用的WebP格式的图像。输入格式可以是PNG,JPEG,TIFF的WebP或生在Y'CbCr样品。选项基本的选项是:-o串指定输出的Web 阅读全文

posted @ 2017-06-23 15:47 一坪海岸线y 阅读(4795) 评论(0) 推荐(0)

ab网站压力测试命令的参数、输出结果的中文注解
摘要:ab命令原理 Apache的ab命令模拟多线程并发请求,测试服务器负载压力,也可以测试nginx、lighthttp、IIS等其它Web服务器的压力。 ab命令对发出负载的计算机要求很低,既不会占用很多CPU,也不会占用太多的内存,但却会给目标服务器造成巨大的负载,因此是某些DDOS攻击之必备良药, 阅读全文

posted @ 2017-06-23 15:46 一坪海岸线y 阅读(684) 评论(0) 推荐(0)

网页优化实例
摘要:最开始一张网页下来需要十多分钟才能完全加载完成。 优化第一步: 合并CSS,JS,减少http请求数。将图片替换为压缩后图片,启用gzip; 优化后运行时间为1分20秒左右; 优化第二步: 采用js惰性加载。降低页面加载时间 优化后加载时间:18-25秒; 优化第三步: 将图片全部迁移至第三方服务器 阅读全文

posted @ 2017-06-13 17:11 一坪海岸线y 阅读(187) 评论(0) 推荐(0)

JQ 为未来元素添加事件处理器—事件委托
摘要:随着DOM结构的复杂化和Ajax等动态脚本技术的运用,有了较多的动态添加进来的元素,直接用JQ添加click事件会发现新添加进来的元素并不能直接选取到,在这里就需要用到事件委托方法,JQ为事件委托提供了live()、dalegate()和on()方法。 事件委托 我们知道,DOM在为页面中的每个元素 阅读全文

posted @ 2017-06-13 16:12 一坪海岸线y 阅读(1075) 评论(0) 推荐(1)

Web前端优化最佳实践及工具集锦
摘要:原址:http://www.csdn.net/article/2013-09-23/2817020-web-performance-optimization 摘要:前端的性能对于Web应用的用户体验来说非常重要。不要以为你的Web应用的性能已经足够好了,其实还会有很多可以提升的地方。本文将介绍Goo 阅读全文

posted @ 2017-06-13 14:10 一坪海岸线y 阅读(166) 评论(0) 推荐(0)

关于前端惰性加载(jquery_lazyload)的使用和原理分析
摘要:1.前言 有时我们会有这样的需求,当网页有很多张图片的时候,我们不希望一次性就把图片加载完,而是希望当浏览器滑动到指定位置的时候再加载,这样可以节省带宽,它也能帮助减轻服务器负载。那么这种需求就需要利用lazyload了。 jquery_lazyload.js是基于jq的一个扩展,需要引入jq后使用 阅读全文

posted @ 2017-06-13 12:00 一坪海岸线y 阅读(951) 评论(0) 推荐(0)

Linux下七牛云存储qrsync命令行上传同步工具
摘要:原址:https://m.aliyun.com/yunqi/ziliao/54370 VPS数据备份是一个重要的工作,之前在文章:使用七牛云存储自动备份VPS数据分享过使用七牛云存储提供的工具QRSBox来备份数据,这篇文章介绍下七牛的另一个工具qrsync,qrsync支持断点续上传,增量同步,它 阅读全文

posted @ 2017-06-12 13:44 一坪海岸线y 阅读(587) 评论(0) 推荐(0)

导航