发表于: 2017-06-25 23:06:06
1 982
任务进展:
1:准备小课堂并演示,各种登记,github例行故障,尚未更新。
2:代码更新svn,本地运行没有问题,线上环境部分数据没有渲染,正在排查中。
遇到问题:
以上
明日计划:
1:确定页面之间跳转的参数,加在路由中,完成页面的操作功能。
2:继续修改样式。
收获:
一、image map技巧
二、web前端网站优化的常用方式:
1. 初次访问
1)减少一个页面访问所产生的http连接次数
--尽量简洁的页面设计,最大程度减少图片的使用,通过放弃一些不必要的页面特效来减少javascript的使用。
--使用一些优化技巧,比如利用图片的背景位移减少图片的个数;image map技术;Sprites图;使Inline images将css图片捆绑到网页中。
2)使用gzip压缩网页内容
3)将CSS放在页面顶端,JS文件放在页面底端
4)使JS文件内容最小化
5)尽量减少外部脚本的使用,减少DNS查询时间
2. 经常访问
1)在header中添加过期时间(Expires Header)
2)将css和js文件放在独立外部文件中引用
3)去掉重复的脚本
4)避免重定向的发生
3. 几种不常用的方式:使用CDN分发机制、避免CSS表达式、避免使用ETags
评论