前端优化
hongtoushiziyuan
这个作者很懒,什么都没留下…
展开
-
AJAX POST&跨域 解决方案 - CORS
跨域是我在日常面试中经常会问到的问题,这词在前端界出现的频率不低,主要原因还是由于安全限制(同源策略, 即JavaScript或Cookie只能访问同域下的内容),因为我们在日常的项目开发时会不可避免的需要进行跨域操作,所以跨域能力也算是前端工程师的基本功之一。 和大多数跨域的解决方案一样,JSONP也是我的选择,可是某天PM的需求变了,某功能需要改成支持POST,因为传输的数据量比较大,...原创 2015-05-29 15:46:06 · 1173 阅读 · 0 评论 -
CORS on Apache
CORS on ApacheTo add the CORS authorization to the header using Apache, simply add the following line inside either the <Directory>, <Location>, <Files> or <VirtualHost> sec...原创 2015-05-29 15:49:41 · 115 阅读 · 0 评论 -
jpg/jpeg图片优化之jpegoptim
一、前话对于图片优化,可能很多人都有这个想法,但是真正用于实践的人真的不多。在chrome下使用pagespeed可以很清楚的看到在中优先级里,有一个项名为:优化图片,说的就是图片优化的事。里面列出网站所有可以压缩的图片。基于对google的信任和崇拜,自然要弄明白用的是什么工具,然后查了一下官方文档,说是对于jpg/jpeg文件推荐使用jpegoptim进行压缩,但是没有说怎么去使...原创 2014-10-21 15:07:42 · 1703 阅读 · 0 评论 -
使用 jpegoptim、OptiPNG 於 Shell 快速對圖片做壓縮
目錄內有不少 jpg、png 等圖檔, 想要節省空間, 提高上傳速度, 要如何做可以最簡便省事?註: 希望品質看不出來差異, 但是可以馬上看到容量減少、速度加快的效果. 使用 jpegoptim、OptiPNG 於 Shell 快速對圖片做壓縮於 Shell 可以安裝下述兩套程式, 試用前建議先將圖片作個備份, 再來測試, 不然跑下去會直接將圖片蓋掉喔~jpegoptim...原创 2014-10-21 15:08:46 · 253 阅读 · 0 评论 -
CH9001: 各浏览器对常用或者错误的 Content-Type 类型处理方式不一致
content-type 用于定义用户的浏览器或相关设备如何显示将要加载的数据,或者如何处理将要加载的数据,此属性的值可以查看 MIME 类型。MIME (Multipurpose Internet Mail Extensions,多用途互联网邮件扩展) 是描述消息内容类型的因特网标准。MIME 消息能包含文本、图像、音频、视频以及其他应用程序专用的数据。content-type 一般...原创 2014-12-08 00:55:46 · 147 阅读 · 0 评论 -
Web性能优化:图片优化
HTTP Archieve有 个统计,图片内容已经占到了互联网内容总量的62%,也就是说超过一半的流量和时间都用来下载图片。从性能优化的角度看,图片也绝对是优化的热点和重点之 一,Google PageSpeed或者Yahoo的14条性能优化规则无不把图片优化作为重要的优化手段,本文覆盖了Web图片优化的方方面面,从基本的图片格式选择、 到尚未被广泛支持的响应式图片均有所提及...原创 2014-12-15 13:53:49 · 151 阅读 · 0 评论