网站性能优化

21道关于性能优化的面试题(附答案)

性能优化部分的面试题主要考察应试者对网站性能优化的了解。如何做好性能优化，哪些操作会引起性能优化的问题，性能优化指标是什么等，都值得应试者关注。
前端开发博客·2023-03-15 06:11

vue项目封装并发布无限滚动指令优化渲染性能的npm模块

曾经在前端之巅看过这么一篇文章，标题是《网站性能优化实战——从12.67s到1.06s的故事》，当时我就纳闷了，哪来的网站首屏需要加载12秒，而且怎么做到这么极致的优化的？
MsgSS·2023-01-26 22:17

【前端面试知识题】- 性能优化

性能优化部分的面试题主要考察应试者对网站性能优化的了解。如何做好性能优化，哪些操作会引起性能优化的问题，性能优化指标是什么等，都值得应试者关注。
拉格朗日(Lagrange)·2022-12-07 19:00

零基础如何学 Web 前端开发？

它要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等
普通网友·2022-07-18 09:01

WEB前端高性能优化之JavaScript优化

WEB前端高性能优化之JavaScript优化作为一名网站开发WEB前端工程师，对自己开发的网站项目应该尽可能地对其性能进行优化，现在互联网上搜索到的网站性能优化多是翻译转载自Yahoo14条或34条。
ChesterQin·2022-03-28 10:10

web前端性能优化（二）--图片的延迟加载

网站性能优化：1、尽量减少向服务器端请求的次数"减少HTTP请求"2、css/js文件进行合并3、ICON图片进行合并->雪碧图/cssscript4、图片的延迟加载5、数据的异步加载6、在移动端，如果做的是一个简单的宣传页
zhanglir333·2022-03-27 07:38

前端开发规范总结规整

参考资源地址前端开发规范_w3cschool-较为基础的规范指北前端开发规范：命名规范、html规范、css规范、js规范-掘金-总结的较为详尽的规范指南Vue官方开发规范指南-基础不错，进阶用Vuejs前需要阅读的网站性能优化实战
sunxiaochuan·2022-02-10 18:15

零基础web前端技术学习指南

前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等
web前端学习指南·2022-02-09 15:03

如何做网站性能优化？

优化网站性能有很多方法，总体来说，可以几个方面入手：代码优化，利用缓存，减少请求数量等等。1.代码优化(1)CSS避免使用CSS表达式尽可能用类和ID选择，少用后代选择器，子选择，通配符选择器等高级选择器（CSS选择器是从右到左开始匹配）(2)JavaScript尽量避免全局查找，建议使用局部变量将常用变量缓存起来使用不要使用with语句（会增加作用域链长度）有效利用正则表达式处理字符串尽量使用全
娜姐聊前端·2022-02-04 23:43

网站前端性能优化常用几种方式

二、网站性能优化1、尽量减少HTTP请求次数2、减少DNS查找次数3、
Zal哥哥·2022-02-03 14:09

Web优化躬行记（5）——网站优化

最近阅读了很多优秀的网站性能优化的文章，所以自己也想总结一些最近优化的手段和方法。个人感觉性能优化的核心是：减少延迟，加速展现。本文主要从产品设计、前端、后端和网络四个方面来诉说优化过程。
咖啡机（K.F.J）·2021-11-22 09:00

如何利用网站性能优化驱动产品体验提升？

简介：对于运维工程师而言，如果要票选五大最抓狂运维支撑场景，花样繁多的各种促销活动一定榜上有名。每个促销季上线都是忐忑不安的不眠夜。大量内容更新、大量客户涌入，大量数据读写，虽有着各种技术方案或工具服务保障着大促顺利进行。但仍有可能收到譬如“商品图片加载不出来”、“页面打开缓慢”、“无法完成订单支付”等诸多各地用户投诉。这些由于用户体验与网站性能造成的用户转化低、业务增长缓慢等糟糕结果，最终都会让
·2021-08-03 18:04

第七周-前端性能优化（一）

如何进行网站性能优化？收集的前端面试题和答案Yahoo,Google加载性能优化图片不同格式的特点：png,jpg,gif,webpwebp：ex.***/220?
seeddyan·2021-06-14 01:28

网站性能优化和安全

Web性能、安全及SEO性能优化及安全篇感谢网上有那么多的分享blog，讲的挺详细的，有了一个很全面的了解。网站性能从输入URL到页面加载，总体来说分为以下几个过程：DNS解析TCP连接发送HTTP请求服务器处理请求并返回HTTP报文浏览器解析渲染页面连接结束反应给客户的直观感觉就是一个页面打开的速度，但这时间所受的影响因素很多，网络兆宽，页面、软件打开多少占据内存等等。常见网站性能指标：白屏时间
提笔忘字书生·2021-06-12 12:31

Web前端的学习路线到底是什么，看完秒懂！

前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等
web前端02·2021-06-09 00:37

网站性能优化 の 图片压缩

以前对于图片压缩的认知是模糊的；大概是认为在尺寸上肯定是缩小的，但是对于有损还是无损倒真是没有探究过，想来是觉得无损压缩不够有力，要有大比例压缩则一定是有损的，而自己内心是不怎么接受有损压缩的。最近一直关注网站性能，自然提到图片压缩，看看GTmetrix的建议；优化图片的建议OptimizeimagesReducetheloadtimesofpagesbyloadingappropriatelys
michael_jia·2021-05-19 17:47

网站性能优化利器：LightHouse全面检查各项指标，多种优化方案可选

检查网站性能过程全局安装lighthousenpminstall-glighthouse然后输入你的页面lighthousehttps://example.comlighthouse会自动生成HTML报告，你也可以使用JSON格式。生成报告如下：解读各项指标含义：FCP(FirstContentfulPaint)：渲染第一个元素(文本、图片、canvas…)的时间点SI(SpeedIndex)：首
椰卤工程师·2021-05-10 11:37

第一弹-web 相关知识的了解

前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学
我是小韩·2021-05-09 17:50

CSS的奇技淫巧-Assignment

有什么作用CSSSprite是一种网页图片的处理技术，通过将多张图片整合到一张图片中，以减少访问图片的次数和图片文件的大小，最终达到网站性能优化的目的。
犯迷糊的小羊·2021-05-02 01:18

互联网与前端

掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，学会运用各种工具进行辅助开
小周师傅·2021-04-30 10:37

从输入url到看到页面经历了些什么（一）

文章主要参考了《大型网站性能优化实战》以及《高性能网站建设指南》这两本书，同时也参考了网上很多优秀的文章，下面就让我们开始吧～1.总体概述从用户体验出发从用户打开浏览器，浏览网页的感
just小千·2021-04-17 20:27

前端面试题整理

FE-Interview-Questionsimage目录$HTML，HTTP，web综合问题1、前端需要注意哪些SEO2、的title和alt有什么区别3、HTTP的几种请求方法用途4、从浏览器地址栏输入url到显示页面的步骤5、如何进行网站性能优化
Aniugel·2021-04-15 05:14

【大型网站性能优化实战】学习笔记（一）

【大型网站性能优化实战】学习笔记（一）基于用户体验的性能优化要素1.页面用户体验的要素介绍用户体验:抽象,带有强烈的主观意识难以量化我觉得这样会更好我认为用户喜欢这样或者那样......从用户打开浏览器
安静只是一种表达·2021-02-18 14:49

【前端性能】网站性能优化

网站性能优化1、尽量减少HTTP请求次数终端用户响应的时间中，有80%用于下载各项内容，这部分时间包括下载页面中的图像、样式表、脚本、Flash等。
嗨Sirius·2021-01-09 23:45

《构建高性能WEB站点》.pdf

网站性能优化是一个很综合的话题，涉及到服务器的配置和网站前后端程序等各个方面。
田维常·2020-12-15 13:42

《构建高性能WEB站点》.pdf

网站性能优化是一个很综合的话题，涉及到服务器的配置和网站前后端程序等各个方面。
田维常·2020-12-15 13:14

flink原理实战与性能优化 pdf_大型网站性能优化实战 2.前端性能优化实战/3.网站性能分析...

2.前端性能优化实战2.1延迟渲染通常为了加快页面渲染的速度，基础的解决思路是，通过去除页面上除首屏以外的对于用户不可见的信息区块，让页面的DOM节点数更少，DOM树结构更简单，从而达到加快页面下载和渲染速度的目的。然后使用懒加载异步化请求、BigPipe等方案，动态加载这些不可见的信息区块。2.1.1挑战和困难有些页面是网站重要的主流程页面，承担搜索功能的搜索结果列表页面，主体部分不能使用异步化
weixin_39658716·2020-11-27 10:09

如何成为一名优秀的web前端工程师（前端攻城师）？

它要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、
刘成·2020-11-23 22:54

网站性能优化·前端篇

我们的目标是优先显示与用户要在网页上执行的主要操作有关的内容。上面这句话出自《关键呈现路径》。什么是前端性能？前端性能，即页面性能，简单来说就是能看到页面内容的时间以及可以开始在页面上操作的时间。前端性能与浏览器的运作方式密切相关，故想要优化性能就要从了解浏览器是如何显示页面的入手。浏览器显示页面的原理基本流程：获取HTML文档及样式表文件解析成对应的树形数据结构DOMtreeCSSOMtree计
欧雷·2020-11-15 20:52

Linux学习笔记--Nginx网站服务安装配置及构建lnmp网站平台

（网站性能优化，处理高并发连接能力）LNMP:构建lnmp平台也需要以下服务器：目前应用最广泛的网站服务器架构；L（Linux服务器）N：（Nginx服务器）M（MySQL数据库）P（PHP网页解析）注意
运维派C·2020-09-13 23:35

优秀的前端开发工程师需要具备哪些能力？如何学习进阶？

前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、及一些基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、分层语义模板和浏览器分级支持等。
猿说前端·2020-09-11 23:09

如何进行网站性能优化？

分享人：chenxingxing目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多讨论一.背景介绍前端优化的目的:1.用户：体验好2.服务商：节省资源简而言之，就是在不影响系统运行正确性的前提下，使之运行地更快，完成特定功能所需的时间更短。二.知识剖析2.1优化途径1、页面级HTTP请求数、脚本加载、内联脚本位置等2、代码级DOM操作优化、CSS选择符
陈xingxing·2020-09-11 23:45

前端面试题总汇、常考、笔试题等

1、前端需要注意哪些SEO2、的title和alt有什么区别3、HTTP的几种请求方法用途4、从浏览器地址栏输入url到显示页面的步骤5、如何进行网站性能优化6、HTTP状态码及其含义7、语义化的理解8
爷 叼烟闯天下·2020-09-11 11:14

超实用的HTML 5接口全方位测试总结文

table面前，都不是问题；十年前，阿捷的一本《网站重构》，为我们开启了新的篇章；八年前，我们研究yahoo.com，惊叹它在IE5下都表现得如此完美；六年前，Web标准化成了我们的基础技能，我们开始研究网站性能优化
kongjiea·2020-09-10 14:00

前端工程师养成记

它要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等
悟空学编程·2020-08-26 08:26

梳理：提高前端性能方面的处理以及不足

return;面试时候，有被提问网站性能优化的问题。被问到这个问题
Ailsa-show·2020-08-25 16:20

网站性能优化之GZIP压缩功能优缺点以及配置方法

开启GZIP压缩主要解决静态资源过多过大，导致客户端加载资源时间较长的问题，但同时会增加服务器计算量。所以当带宽压力过高而服务器性能较好时可以使用该方法提高用户体验。1、TOMCAT配置如下可以使用下列网址测试是否开启成功http://www.gidnetwork.com/tools/gzip-test.php
「已注销」·2020-08-24 18:52

长沙华瑞软件学校零基础如何学好ui前端工程师

它要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等
IT教育·2020-08-24 06:49

大型网站性能优化要点

相信互联网已经越来越成为人们生活中不可或缺的一部分。ajax，flex等等富客户端的应用使得人们越加“幸福”地体验着许多原先只能在C/S实现的功能。比如Google机会已经把最基本的office应用都搬到了互联网上。当然便利的同时毫无疑问的也使页面的速度越来越慢。自己是做前端开发的，在性能方面，根据yahoo的调查，后台只占5%，而前端高达95%之多，其中有88%的东西是可以优化的。以上是一张we
PrivateBoy·2020-08-23 23:32

大型网站性能优化 二 页面(HTML)优化的方法

页面(HTML)优化的方法除了语言层面上进行优化外，对Web开发，HTML的优化将很大程度上减轻服务器的负载，提供网站的性能1）.减少HTTP请求数。打开网页，浏览器会发出很多请求，图片，脚本，每个对象的加载都需要花时间，需要减负载。1.合并CSS,Js文件，减少Http的请求数2.合并框架图片以及相当变动较少的图片，合成一张。有时直接用Css完成。3.合理的使用本地的Cached来缓存js/cs
PrivateBoy·2020-08-23 23:31

大型网站性能优化 一 C#高效编码的优化 系统

苹果树的故事，成才才是最重要的。生活需要精打细算，大型门户网站要考虑大量用户的访问，高并发请求方面。这时高性能服务器，数据库当然重要。更需要我们学会“精打细算”，从软的方面下功夫。C#高效编码的优化1.Foreach比For性能高30%2.避免是使用ArrayList,因为任何对象到ArrayList都有封装为Object,出来还要拆箱。用泛型去掉3.HashTalbe取代StringDirect
PrivateBoy·2020-08-23 23:31

网站性能优化--CRP

网站性能优化–CRP为了把HTML、CSS和JavaScript转化成活灵活现、绚丽多彩的网页，浏览器需要处理一系列的中间过程，优化性能其实就是了解这个过程中发生了什么-即CRP(CriticalRenderingPath
星曦·2020-08-22 20:38

网站性能优化—CRP

为了把HTML、CSS和JavaScript转化成活灵活现、绚丽多彩的网页，浏览器需要处理一系列的中间过程，优化性能其实就是了解这个过程中发生了什么-即CRP(CriticalRenderingPath，关键渲染路径)。首先，我们从头开始快速学习一下浏览器是如何显示一个简单网页的。浏览器渲染一个网页的过程构建对象模型文档对象模型（DOM）CriticalPathHellowebperformanc
weixin_34184158·2020-08-22 19:38

jquery懒加载使用方法

懒加载是网站性能优化的插件，可以提高用户体验。页面如果有很多图片的时候，当你滚动到相应的行时，当前行的图片才即时加载的，这样子的话页面在打开只加可视区域的图片，而其它隐藏的图片则不加载。
师远鹏·2020-08-22 18:59

网站性能优化--性能指标及采集

引言在平时工作中可能会遇到用户反馈：“哥们，你们的网站感觉很卡啊！”。这种来自用户的吐槽对前端同学可以说是直击心灵的冲击。此时就应该好好想想如何让用户不再出现这样的吐槽呢。首先就是指标化的了解自己的网站。常用的衡量指标可以结合两张图第一张图是浏览器加载整个页面的时间线，第二张图则是这个是Google力推的指标，主要从4个视觉反馈阶段来描述页面性能。总结一下常用的性能指标白屏时间：白屏时间是指浏览器
求实亭下·2020-08-22 13:45

前端学习路线 ①

前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等
代码牛·2020-08-22 11:55

三种方法实现移动端HTTPS的加速和省电

作者：王继波野狗科技运维总监，曾在360、TP-Link从事网络运维相关工作，在网站性能优化、网络协议研究上经验丰富。
野狗·2020-08-22 09:36

TLS False Start究竟是如何加速网站的

作者：王继波野狗科技运维总监，曾在360、TP-Link从事网络运维相关工作，在网站性能优化、网络协议研究上经验丰富。
野狗·2020-08-22 09:39

扒一扒HTTPS网站的内幕

作者：王继波野狗科技运维总监，曾在360、TP-Link从事网络运维相关工作，在网站性能优化、网络协议研究上经验丰富。
野狗·2020-08-22 09:21

如何成为一名优秀的web前端工程师（前端攻城师）？

它要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、
王子墨·2020-08-22 01:54
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他