专栏首页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前端小剧场(webxiaojuchang),作者:前端老司机

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2020-07-11

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

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

    前端老鸟
  • 网站一直优化不动?三大致命因素!

    SEO是一个千变万化的工作,你的每一个优化策略,都决定网站不同的走向,在很长一段时期中,我们通常会遇到各种问题,比如:网站一直优化不动。

    一墨编程学习
  • 7 个开放式 CSS 面试题及回答策略 [每日前端夜话0x2E]

    这个问题可以让面试官了解求职者使用 CSS 的经验。它还可以告诉面试官该人是否将该技能作为业余爱好或在学术或专业环境中学习。

    疯狂的技术宅
  • 7个开放式的 HTML 面试题及回答策略 [每日前端夜话0x32]

    有许多无需深入掌握 HTML 就能做出页面的工具。这个问题询问求职者,当他们可以借助一些工具生成页面时,对 HTML 还有多大的兴趣。

    疯狂的技术宅
  • 成为一名专业的前端开发人员,需要学习什么?

    你有没有看过你非常喜欢的网站,是否研究过它的布局方式,有没有想过我自己能不能也能实现一个,甚至比你看的网站更好!

    用户8983410
  • SEO常见疑问整理总结(一)

    黄伟SEO
  • 前端性能监控平台搭建及应用

    “If you cannot measure it, you cannot improve it” ———— William Thomson

    归根落叶
  • 10个小技巧助您写出高性能的ASP.NET Core代码

    今天这篇文章我们来聊一聊如何提升并优化ASP.NET Core应用程序的性能,本文的大部分内容来自翻译,当然中间穿插着自己的理解,希望对大家有所帮助!话不多说开...

    依乐祝
  • 优酷、YouTube、Twitter及JustinTV几个视频网站的架构

    优酷视频网站架构 一、网站基本数据概览 据2010年统计,优酷网日均独立访问人数(uv)达到了8900万,日均访问量(pv)更是达到了17亿,优酷凭借这一数据成...

    李海彬
  • 7 个Web开发工程师面试题和回答策略 [每日前端夜话0x34]

    Web工程师应该充分了解自己的角色,以及怎样为Web设计和开发做出贡献。这个问题能帮助面试官了解求职者打算怎样配合团队,以及他们是否知道自己要做些什么。

    疯狂的技术宅
  • 「官宣」2019年SEO优化技术权威指南

    年轻就该多努力挣钱,心情不好就拿钱撒气,买包买鞋买衣服买冰淇淋吃小龙虾,想干啥干啥!就算被人抛弃,各种糟心的事儿一齐撞上,起码还可以安慰自己,至少我还有钱!

    黄伟SEO
  • 「改版」网站改版SEO清单:不要丢失流量

    黄伟SEO
  • 渠道优化完全指南:如何最大化的获得转化效果

    只有在对与用户交互的每个元素进行实验、深入分析并优化设计时,才能实现转化漏斗的最大化。

    iCDO互联网数据官
  • 移动端优化案例分享——有谁不想获得1.3万美金的额外收益呢?

    译者:熊兔兔 本文长度为2969字,预估阅读时间5分钟。 鉴于目前市场营销者们面临的问题,已经不是是否要在移动领域进行投资了,而是如何才能拓展相关投资,专栏作家...

    iCDO互联网数据官
  • 你看到的京东首页是如何出炉的?

    用户1756920
  • Web前端工程师成长之路

        前端工程师,也叫Web前端开发工程师。他是随着web发展,细分出来的行业。Web前端开发工程师,主要职责是利用(X)HTML/CSS/JavaScrip...

    用户4962466
  • 从前端到后端的全链路性能优化详解?是的你没看错!

    性能是大型网站的一个要素,影响性能的因素非常多。随着业务量的逐步增长,对系统的挑战越来越大,系统的容量瓶颈也越来越明显。

    博文视点Broadview
  • BAT及各大互联网公司2014前端笔试面试题--Html,Css篇

    Sb_Coco
  • 搭建“双11”大型网站架构必须掌握的 5 个核心知识

    每年电商双11大促对背后技术人都是一次大考,阿里数据库团队表示。经过9年的发展,双11单日交易额从2009年的0.5亿一路攀升到2017年的1682亿,秒级交易...

    美的让人心动

扫码关注云+社区

领取腾讯云代金券