开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

社区首页 >专栏 >每天一道前端面试题：如何进行网站性能优化

每天一道前端面试题：如何进行网站性能优化

iOSSir

发布于 2020-07-24 09:47:02

6360

发布于 2020-07-24 09:47:02

举报

文章被收录于专栏：iOS开发干货分享iOS开发干货分享

content方面
- 减少HTTP请求：合并文件、CSS精灵、inline Image
- 减少DNS查询：DNS缓存、将资源分布到恰当数量的主机名
- 减少DOM元素数量
Server方面
- 使用CDN
- 配置ETag
- 对组件使用Gzip压缩
Cookie方面
- 减小cookie大小
css方面
- 将样式表放到页面顶部
- 不使用CSS表达式
- 使用<link>不使用@import
Javascript 方面
- 将脚本放到页面底部
- 将javascript 和 css从外部引入
- 压缩JavaScript和css
- 删除不需要的脚本
- 减少DOM访问
图片方面
- 优化图片：根据实际颜色需要选择色深、压缩
- 优化css精灵
- 不要在 HTML 中拉伸图片

本文参与腾讯云自媒体分享计划，分享自微信公众号。

原始发表：2020-07-11，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 web前端小剧场微信公众号，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

0 条评论

热度

最新

LV.

相关产品与服务

文件存储

文件存储（Cloud File Storage，CFS）为您提供安全可靠、可扩展的共享文件存储服务。文件存储可与腾讯云服务器、容器服务、批量计算等服务搭配使用，为多个计算节点提供容量和性能可弹性扩展的高性能共享存储。腾讯云文件存储的管理界面简单、易使用，可实现对现有应用的无缝集成；按实际用量付费，为您节约成本，简化 IT 运维工作。

产品介绍产品文档

精选特惠用云无忧