• 插入HTML。
  

• JavaScript中使用document.write生成页面内容会效率较低，可以找一个容器元素，比如指定一个div，并使用innerHTML来将HTML代码插入到页面中。

• 避免空的src和href。

• 当link标签的href属性为空、script标签的src属性为空的时候，浏览器渲染的时候会把当前页面的URL作为它们的属性值，从而把页面的内容加载进来作为它们的值。

• 为文件头指定Expires。

• 使内容具有缓存性，避免了接下来的页面访问中不必要的HTTP请求。

• 重构HTML，把重要内容的优先级提高。

• Post-load（次要加载）不是必须的资源。

• 利用预加载优化资源。

• 合理架构，使DOM结构尽量简单。

• 利用LocalStorage合理缓存资源。

• 尽量避免CSS表达式和滤镜。

• 尝试使用defer方式加载Js脚本。

• 新特性：will-change，把即将发生的改变预先告诉浏览器。

• 新特性Beacon，不堵塞队列的异步数据发送。

• 不同之处：网络缓慢，缓存更小，不令人满意的浏览器处理机制。

• 尽量多地缓存文件。

• 使用HTML5 Web Workers来允许多线程工作。

• 为不同的Viewports设置不同大小的Content。

• 正确设置可Tap的目标的大小。

• 使用响应式图片。

• 支持新接口协议（如HTTP2）。

• 未来的缓存离线机制：Service Workers。

• 未来的资源优化Resource Hints(preconnect, preload, 和prerender)。

• 使用Server-sent Events。

• 设置一个Meta Viewport。

往期热点文章：

      # 做网站-JavaScript奇怪技巧

      # 做网站-22个JS开发技巧

      # Windows下mysql主从搭建

      # MYSQL监控工具--mytop

      # 做网站-高级php面试题

      # 编辑器-Sublime Text快捷键

      # Linux常用命令操作详解

      # nginx反向代理如何配置？

做网站公众平台（zwangz888）每天为您分享原创Web开发资讯，开发经验，为您的技能充电。期待您的关注与分享，同时欢迎您留言，让我们每天进步一点点！