• web前端性能优化小结


    1.请求和处理页面时浏览器遵循的步骤,使用该信息优化HTML以达到更快的加载时间。

    2.在页面的钱500个左右字节内包换一些请求。

    3.根据图片对用户的优先级而不是他们在屏幕的位置使用早期和延迟加载。

    4.为URL和文件使用一致的大小写,避免客户端多次下载同一个文件,即使它们已经缓存。

    5.将静态文件分配在多个域名内,有助于浏览器并行下载。

    6.将<script>包含放在HTML后部,或者在它们之前放一个或者多个图片来促进网络并行化。

    7.在项目中合并脚本文件来减少文件的数量,避免使用document.write()。

    8.使用页面的onload处理器加载大的,优先级低的图片,或者那些折叠以下的图片或不适用的图片(比如滚动图片)。

    9.使用CSS代替文本图片,使用类似于jsmin的工具减小HTML,CSS以及javascript。

    10.使用小写的URL,标签名称,属性名称等,有助于最大化HTML压缩率,根据实际需求降低图片的数量和大小,使用透明代替滚动图片,通过仔细的裁剪,选择合适的图片格式、质量等级、位深度以及尺寸来优化图片大小,当加载大图片时使用切片来改进感知性能,使用客户端图片映射代替多个图片或者切片,在<img>标签内指定图片尺寸,使用原本的图片大小或更大,在项目中包含一个网站图标文件,并为其指定一个比较近的缓存过期日期。

    11.应用通用的HTML、CSS以及javascript优化,比如移除冗余的标签和使用自关闭的标签。

    12.使用Expression Web中的优化HTML的功能,避免使用违反HTML标准的优化技术。

  • 相关阅读:
    漫话:为什么计算机起始时间是1970年1月1日?
    计算机如何定义永远
    git基本操作,一篇文章就够了!
    fetch使用的常见问题及解决办法
    jQuery ajax 302跨域
    浏览器兼容性问题解决方案 · 总结
    .NET Reflector(.net反编译工具) v10.0.7.774 特别版(附步骤+注册机)
    git常用命令常用场景
    Moment.js moment().diff()用法及代码示例
    React中使用lodash——debounce
  • 原文地址:https://www.cnblogs.com/visionwang/p/2989735.html
Copyright © 2020-2023  润新知