学习
实践
活动
专区
工具
TVP
写文章
专栏首页iOS开发干货分享每天一道前端面试题:如何进行网站性能优化

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

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

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

作者:前端老司机
原始发表时间:2020-07-11
如有侵权,请联系 cloudcommunity@tencent.com 删除。
登录 后参与评论
0 条评论

相关文章

  • 前端如何更好的进行网站性能优化

    前端老鸟
  • 前端开发总结:如何优化网站性能?

    学前端这么久了,从一无所知到web网页的开发,自己也是踩了巨多的坑,自己也在不断的摸索中,短时间内可能不会再做前端了,毕竟java是我的主方向。总结一下web网...

    beifengtz
  • 如何用gzip进行前端性能优化?

    HTTP 可以对传输的内容进行压缩,减少网络实际传输数据的大小。原理就是 服务器对文件进行 gzip 压缩后,再进行传输,浏览器收到资源后再解压的过程。

    Learn-anything.cn
  • 如何全链路进行前端性能优化

    通常来讲前端性能优化是指从用户开始访问我们的网站到整个页面完整的展现出来的过程中,通过各种优化策略和优化方法让页面加载的更快,让用户的操作响应更及时,给用户更好...

    桃翁
  • 如何用缓存(Cache)进行前端性能优化?

    缓存是一种保存资源副本并在下次请求时直接使用该副本的技术,可减少等待时间和网络流量,显著提升网站性能。

    Learn-anything.cn
  • 这六个超实用的前端面试题项目,助你走上大厂之路

    今天大师兄就带给大家六个超实用的github前端面试仓库,助力大家登顶大厂,完虐面试官

    程序员老鱼
  • 前端每日一题(10.19题目+10.18答案)

    在 Vue 2 中,响应式原理就是使用的 Object.defineProperty 来实现的。但是在 Vue 3.0 中采用了 Proxy,抛弃了 Objec...

    法医
  • 前端每日一题(10.23题目+10.22答案)

    目前,Object.definedProperty 唯一比 Proxy 好的一点就是兼容性,不过 Proxy 新标准也受到浏览器厂商重点持续的性能优化当中。

    法医
  • 前端每日一题(10.15题目+10.14答案)

    Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。核心是一个响应的数据绑定系统。

    法医
  • 前端大牛们都学过哪些东西?

    单纯的技术层面也就是上述的那些个东西。如果某个同学都学会了上面的那些东西,是不是就能完全的胜任前端开发工作呢?

    web前端教室
  • 史上最全的前端资源大汇总

    Tanyboye
  • 猫哥网络编程系列:详解 BAT 面试题

    从产品上线前的接口开发和调试,到上线后的 bug 定位、性能优化,网络编程知识贯穿着一个互联网产品的整个生命周期。不论你是前后端的开发岗位,还是 SQA、运维等...

    猫哥学前班
  • 前端每日一题(10.21题目+10.20答案)

    每天都会有一道面试题,大家的积极参与和讨论,是我继续下去的动力,希望大家踊跃互动,共同进步!保持学习,每天进步一点点!

    法医
  • 前端每日一题(10.18题目+10.17答案)

    Vue2.x 中实现检测数组变化的方法,是将数组的常用方法进行了重写。Vue 将 data 中的数组进行了原型链重写,指向了自己定义的数组原型方法。这样当调用数...

    法医
  • 介绍一下TreeShaking及其工作原理

    面试官:是因为最近面了好多同学,大家都说熟悉webpack,在项目中如何去使用、如何去优化,也都或多或少会提到tree shaking,但是每当我深入去问其工作...

    JowayYoung
  • 1 W 字+ | 硬刚 MySQL(典藏版)

    先说下哈,这次给大家带来的大厂面试题,都来源于我的知识星球,总共 20 道题,17 道题来自悟空分享,另外 3 道题来自 MySQL 大牛:东哥。

    悟空聊架构

扫码关注腾讯云开发者

领取腾讯云代金券