【解析】网站重构是指在不改变外部行为的前提下，简化结构、添加可读性，且在网站前端保持一致的行为。也就是说，在不改变UI的情况下，对网站进行优化，在扩展的同时保持一致的UI。对于传统的网站来说，重构通常包括以下方面1.把表格（table）布局改为DV+CSS。2.使网站前端兼容现代浏览器。3.对移动平台进行优化。4.针对搜索引擎进行优化。深层次的网站重构应该考虑以下方面1.减少代码间的耦合2.让代码保持弹性。3.严格按规范编写代码。4.设计可扩展的API。5.代替旧的框架、语言（如VB）6.增强用户体验。7.对速度进行优化。8.压缩JavaScript、CSS、image等前端资源（通常由服务器来解决）。9.优化程序的性能（如数据读写）。10.采用CDN来加速资源加载。11.优化JavaScriptDOM。12.缓存HTTP服务器的文件。

【解析】对于图片懒加载，可以为页面添加一个滚动条事件，判断图片是否在可视区域内或者即将进入可视区域，优先加载。如果为幻灯片、相册文件等，可以使用图片预加载技术，对于当前展示图片的前一张图片和后一张图片优先下载。如果图片为CSS图片，可以使用CSSSprite、SVGsprite、Iconfont、Base64等技术。如果图片过大，可以使用特殊编码的图片，加载时会先加载一张压缩得特别小的缩略图，以提高用户体验。如果图片展示区域小于图片的真实大小，则应在服务器端根据业务需要先行进行图片压缩，图片压缩后，图片大小与展示的就一致了。

【解析】可以在以下层面优化性能。1.缓存利用：缓存Ajax，使用CDN、外部JavaScript和CSS文件缓存，添加Expires头，在服务器端配置Etag，减少DNS查找等。2.请求数量：合并样式和脚本，使用CSS图片精灵，初始首屏之外的图片资源按需加载，静态资源延迟加载。3.请求带宽：压缩文件，开启GZIP。4.CSS代码：避免使用CSS表达式、高级选择器、通配选择器。5.JavaScript代码：用散列表来优化查找，少用全局变量，用innerHTML代替DOM操作，减少DOM操作次数，优化JavaScript性能，用setTimeout避免页面失去响应，缓存DOM节点查找的结果，避免使用with（with会创建自己的作用域，增加作用域链的长度），多个变量声明合并。6.HTML代码：避免图片和iFrame等src属性为空。src属性为空，会重新加载当前页面，影响速度和效率，尽量避免在HTML标签中写Style属性

【解析】优化方式如下。1.尽量使用CSS3动画，开启硬件加速。2.适当使用touch事件代替click事件。3.避免使用CSS3渐变阴影效果。4.可以用transform:translateZ（0）来开启硬件加速。5.不滥用Float,Float在渲染时计算量比较大，尽量少使用。6.不滥用Web字体，Web字体需要下载、解析、重绘当前页面，尽量少使用。7.合理使用requestAnimationFrame动画代替setTimeout。8.合理使用CSS中的属性（CSS3transitions、CSS33Dtransforms、Opacity、Canvas、WebGL、Video）触发GPU渲染。过度使用会使手机耗电量増加。

【解析】具体方法如下。1.优化图片2.选择图像存储格式（比如，GIF提供的颜色较少，可用在一些对颜色要求不高的地方）3.优化CSS（压缩、合并CSS）4.在网址后加斜杠5.为图片标明高度和宽度（如果浏览器没有找到这两个参数，它需要一边下载图片一边计算大小。如果图片很多，浏览器需要不断地调整页面。这不但影响速度，而且影响浏览体验。当浏览器知道高度和宽度参数后，即使图片暂时无法显示，页面上也会腾出图片的空位，然后继续加载后面的内容，从而优化加载时间，提升浏览体验）。