Appearance
另一个无阻塞加载工具1-雅虎大神的作品lazyload
另一个无阻塞加载工具2-lab.js
</body>闭合标签之前,将所有<script>标签放到页面的底部,这样确保在脚本执行前页面已经完成了渲染合并脚本。页面中的<script>标签越少,加载速度就越快,响应也更迅捷。无论外链文件还是内嵌脚本都是如此。有多种无阻塞下载JavaScript的方法。3.1 使用<script>标签的defer属性;在HTML5中有async属性,提供异步下载的功能; 3.2 使用动态创建的<script>元素来下载并执行代码; 3.3 使用XHR对象下载JavaScript代码并注入页面中;
</body>闭合标签之前,将所有<script>标签放到页面的底部,这样确保在脚本执行前页面已经完成了渲染
</body>
<script>
合并脚本。页面中的<script>标签越少,加载速度就越快,响应也更迅捷。无论外链文件还是内嵌脚本都是如此。
有多种无阻塞下载JavaScript的方法。
3.1 使用<script>标签的defer属性;在HTML5中有async属性,提供异步下载的功能; 3.2 使用动态创建的<script>元素来下载并执行代码; 3.3 使用XHR对象下载JavaScript代码并注入页面中;
defer
HTML5
async
XHR
JavaScript