美文网首页前端开发前端面试题前端修仙之路
web前端开发,如何提高页面性能优化?

web前端开发,如何提高页面性能优化?

作者: 李轻舟 | 来源:发表于2019-04-01 23:51 被阅读1次

内容方面:

减少 HTTP 请求 (Make Fewer HTTP Requests)

减少 DOM 元素数量 (Reduce the Number of DOM Elements)

使得 Ajax 可缓存 (Make Ajax Cacheable)

针对CSS:

把 CSS 放到代码页上端 (Put Stylesheets at the Top)

从页面中剥离 JavaScript 与 CSS (Make JavaScript and CSS External)

精简 JavaScript 与 CSS (Minify JavaScript and CSS)

避免 CSS 表达式 (Avoid CSS Expressions)

针对JavaScript :

脚本放到 HTML 代码页底部 (Put Scripts at the Bottom)

从页面中剥离 JavaScript 与 CSS (Make JavaScript and CSS External)

精简 JavaScript 与 CSS (Minify JavaScript and CSS)

移除重复脚本 (Remove Duplicate Scripts)

面向图片(Image):

优化图片

不要在 HTML 中使用缩放图片

使用恰当的图片格式

使用 CSS Sprites 技巧对图片优化

相关文章

网友评论

    本文标题:web前端开发,如何提高页面性能优化?

    本文链接:https://www.haomeiwen.com/subject/xwuibqtx.html