网站性能

5种延迟加载图像的方法以帮助你提升网站性能与用户体验

英文|https://www.sitepoint.com/five-techniques-lazy-load-images-website-performance/翻译|web前端开发（ID：web_qdkf）由于图像是Web上最流行也是必不可少的内容类型之一，因此网站上的图片页面加载时间很容易成为一个问题。即使进行了适当的优化，图像也可能占很大的比重。这可能会对访问网站的用户造成一定的负面影响，
snshl9db69ccu1aikl9r·2020-07-14 22:11

Webpack 懒加载

通俗来说就是，如果每次加载页面的时候都会某些代码块，会重复的请求，造成资源的浪费，影响网站性能。所以提出了懒加载的解决办法：按需
Rui012345·2020-07-14 17:44

2020前端面试基础293题，完整答案总结！

前端需要注意哪些SEO前端面试基础题：<img>的title和alt有什么区别前端面试基础题：HTTP的几种请求方法用途前端面试基础题：从浏览器地址栏输入url到显示页面的步骤前端面试基础题：如何进行网站性能优化前端面试基础题
iOSSir·2020-07-14 16:29

大型Web2.0站点构建技术初探

mixi.jp：使用开源软件搭建的可扩展SNS网站五、Technorati的后台数据库架构六、通过了解MySpace的六次重构经历,来认识分布式系统到底该如何创建七、从LiveJournal后台发展看大规模网站性能优化方法八
pengbincn·2020-07-14 16:50

提高网站性能的常见方法

一.Web前端性能优化一般来说Web前端指网站业务逻辑之前的部分，包括浏览器加载，网站视图模型，图片服务，CDN服务等，主要优化手段有优化浏览器访问，使用反向代理，CDN等。1..浏览器访问优化(1)减少http请求HTTP协议是无状态的应用层协议，意味着每次HTTP请求都需要简历通信链路，进行数据传输，而在服务器端，每个HTTP都需要启动独立的线程去处理，这些通信和服务的开销都很昂贵，减少HTT
静谧阳光·2020-07-14 14:44

tomcat下网站经常出现404错误_再刷新就正常_解决方法

所以绝对自己解决，从tomcat服务器及网站性能上着手。网上有许多提高tomcat性
onionup·2020-07-14 07:22

CSS之雪碧图

二、雪碧图的优点当图片过多时，会增加http的请求，导致网站性能减低，也同样会增加用户端流量消耗。而雪碧图的应用恰恰解决了这个问题，应用雪碧图，就降低了图片的数
小小晴_·2020-07-14 03:52

大型Web2.0站点构建技术初探 (转)

mixi.jp：使用开源软件搭建的可扩展SNS网站五、Technorati的后台数据库架构六、通过了解MySpace的六次重构经历,来认识分布式系统到底该如何创建七、从LiveJournal后台发展看大规模网站性能优化方法八
weixin_34001430·2020-07-14 02:57

大型Web2.0站点构建技术初探

mixi.jp：使用开源软件搭建的可扩展SNS网站五、Technorati的后台数据库架构六、通过了解MySpace的六次重构经历,来认识分布式系统到底该如何创建七、从LiveJournal后台发展看大规模网站性能优化方法八
guxianga·2020-07-14 01:44

延迟加载图像以提高网站性能的五种方法

图像和iframe的本机延迟加载非常酷。没有什么比下面的标记更直接了：如您所见，没有JavaScript，没有src属性值的动态交换，只是普通的旧HTML。该loading属性使我们可以选择延迟屏幕外图像和iframe，直到用户滚动到页面上的位置为止。loading可以采用以下三个值之一：lazy：非常适合延迟加载eager：指示浏览器立即加载指定的内容auto：保留延迟加载或不延迟加载到浏览器的
buduoduoorg·2020-07-14 01:38

如何使用loadrunner进行web网站性能测试

loadrunner压力测试原理本质就是在loadrunner上模拟多个用户同时按固定行为访问web站点。其中固定行为在loadrunner中是通过录制脚本定义的，多个用户同时访问的策略是在loadrunner的场景中定义的loadrunner压测思路通过loadrunner进行压力测试web应用的主要思路分两步：第一步：先录制用户请求访问的行为，如用户访问首页，或用户先登陆，后浏览页面，后搜索；
weixin_30525825·2020-07-13 17:30

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

它要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、
weixin_30448685·2020-07-13 17:41

听欢哥扒一扒清除浏览器缓存js文件的几种方法

关于浏览器缓存浏览器缓存，有时候我们需要他，因为他可以提高网站性能和浏览器速度，提高网站性能。但是有时候我们又不得不清除缓存，因为缓存可能误事，出现一些错误的数据。
司马东阳·2020-07-13 12:23

应用性能优化: 如何将应用延迟降低为 0 ms

之前已经提过通过Varnish缓存进行网站性能优化，以及延迟对商业的影响。
lz0426001·2020-07-13 08:03

十大最优秀的Web网站性能测试软件工具

十大最优秀的Web网站性能测试软件工具随着互联网技术和理念的快速发展和迅速普及，很多企业越来越重视互联网，把互联网当作一种更为高效的资源和工具，并建立起一系列基于Web的网站服务。
iteye_2466·2020-07-13 06:26

YSlow--Web前端性能测试工具

1.介绍YSlow是Yahoo发布的一款基于FireFox的插件，这个插件可以分析网站的页面，并告诉你为了提高网站性能，如何基于某些规则进行优化。
aduocd·2020-07-13 02:59

并发模拟工具(JMeter、Apache Bench、postMan)详解

目录简介：一、Psotman：Http请求模拟工具1.1下载地址1.2操作说明（以win64为例）二、ApaceBench(AB)：Apache附带的工具，测试网站性能2.1简介2.2原理2.3ApacheBench
牧小农的夏天·2020-07-12 22:47

彻底弄懂强缓存与协商缓存

这两项是最直接影响到网站性能和用户体验的。缓存的优点：减少了不必要的数据传输，节省带宽减少服务器的负担，提升网站性能加快了客户端加载网页的速度用户体验友好缺点：资源如果有更改但是
Anita梅梅·2020-07-12 12:43

分析网站性能瓶颈和解决的一般方法

这篇介绍我在分析网站性能瓶颈的一般方法。
weixin_34174422·2020-07-12 09:35

扒一扒HTTPS网站的内幕

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

如何进行网站性能优化

如何进行网站性能优化从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。
前端oi小白·2020-07-11 20:11

任务9-2 CSS常见技巧

CSSSprite是一种网页图片的处理技术，利用background-position属性将多张图片整合到一张图片中，以减少访问图片的次数和图片文件的大小，最终达到网站性能优化的目的。
mint9602·2020-07-11 17:59

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

content方面减少HTTP请求：合并文件、CSS精灵、inlineImage减少DNS查询：DNS缓存、将资源分布到恰当数量的主机名减少DOM元素数量Server方面使用CDN配置ETag对组件使用Gzip压缩Cookie方面减小cookie大小css方面将样式表放到页面顶部不使用CSS表达式使用不使用@importJavascript方面将脚本放到页面底部将javascript和css从外部
前端老司机·2020-07-11 16:00

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

content方面减少HTTP请求：合并文件、CSS精灵、inlineImage减少DNS查询：DNS缓存、将资源分布到恰当数量的主机名减少DOM元素数量Server方面使用CDN配置ETag对组件使用Gzip压缩Cookie方面减小cookie大小css方面将样式表放到页面顶部不使用CSS表达式使用不使用@importJavascript方面将脚本放到页面底部将javascript和css从外部
前端老司机·2020-07-11 16:00

使用apache自带的ab压力测试工具测试网站性能

Apache压力测试工具ab是针对apache的性能测试工具，可以只安装ab工具。通常自带此工具，如果没有的话也可以自行下载编译，网上教程很多很简单。。。使用场景：由于之前公司买的天翼云服务器又卡又贵，现在把整站迁移到了阿里云，顺便做了好多速度上面的优化，感觉快了好多，想简单测试一下网站现在的负载能力服务器配置：阿里云，双核，4g内存，8m带宽服务器环境：lnmpa一键安装包，版本都是默认的版本，
qq17693700·2020-07-11 15:02

prefetch 和 preload 及 webpack 的相关处理

使用预取和预加载是网站性能和用户体验提升的一个很好的途径，本文介绍了使用prefetch和prefetch进行预取和预加载的方法，并使用webpack进行实现Link的链接类型标签的rel属性可以定义链接类型
Chanvin·2020-07-11 03:01

使用Filter统计Java(J2EE)的web程序http请求响应时间

在网站性能的相关工作中，一个重要的方面是有一定的监控和日志统计，然后对这些数据进行分析，知道什么时候慢了，慢在哪里，然后才可以进行有针对性的性能优化工作；这里，80/20准则是非常适用的，我所见过的大部分情况都是约
baitiandeye·2020-07-11 02:51

网站性能优化--服务器编写篇（上）

--提升性能的同时为你节约10倍以上成本From:http://blog.sina.com.cn/iyangjian一，如何节约CPU二，怎样使用内存三，减少磁盘I/O四，优化你的网卡五，调整内核参数六，衡量WebServer的性能指标七，NBAjs直播的发展历程八，新浪财经实时行情系统的历史遗留问题(7byte=10.68wRMB/year)---------------------------
JeamKing·2020-07-10 22:07

使用前端性能监控平台FrontJS监控教程

链接：https://www.frontjs.com/FrontJS的核心功能FrontJS是面向产品部门，运营部门，以及开发部门工作人员的网站性能及异常信息收集工具。产品和运营部门可以通过
可定博客·2020-07-10 21:16

并发模拟的四种方式

Postman：Http请求模拟工具ApacheBench（AB）：Apache附带的工具，测试网站性能如输入命令：ab-n1000-c50http://localhost:8081/testJMeter
HyperDai·2020-07-10 16:53

如何利用全站加速，提升网站性能和用户体验？

随着网络技术的发展，越来越多的应用基于互联网发布，再好的应用，如果打开速度慢，10个用户会有9个用户选择离开，相关统计数据显示，每增加0.1秒的加载延迟，将会导致客户活跃度下降1%。在目前获客成本较高，用户面临众多可选项的情况下，如何提高用户访问的体验，给用户留下良好的第一印象，提高ROI，是所有开发互联网应用的企业都关注的核心问题。影响应用资源加载的因素很多，服务器性能、网络传输质量、网站出口带
阿里云云栖号·2020-07-10 14:02

2019-02-20 大型网站技术架构：核心原理与案例分析

目录编辑第1篇概述1大型网站架构演化21.1大型网站软件系统的特点31.2大型网站架构演化发展历程41.2.1初始阶段的网站架构41.2.2应用服务和数据服务分离41.2.3使用缓存改善网站性能51.2.4
向日葵666666·2020-07-10 02:16

快速提高网站性能三步骤【操作篇】（二）

这篇搓文介绍提高网站性能的再三个步骤，是上篇的姊妹篇。背景知识：浏览器加载网页的顺序与我们读书一样，自上而下逐行加载。先加载...中的内容，其次...直接的内容。
iteye_5889·2020-07-09 17:42

快速提高网站性能三步骤【操作篇】

本文从前端开发角度介绍提高网站性能的三个简单方法，操作简单，却可以迅速提高网站性能。1、图片无损压缩通常图片占据一个网页加载的大部分流量，从图片下手优化网站会得到意想不到的。
iteye_5889·2020-07-09 17:41

优化网站性能的14条规则

[size=small]相信很多人都听过优化网站性能的14条规则。
iteye_20137·2020-07-09 17:46

由12306.cn谈谈网站性能技术

由12306.cn谈谈网站性能技术12306.cn网站挂了，被全国人民骂了。我这两天也在思考这个事，我想以这个事来粗略地和大家讨论一下网站性能的问题。
吟风吹雪·2020-07-09 14:17

mysql 海量数据的存储和访问解决方案

通过数据切分来提高网站性能，横向扩展数据层已经成为架构研发人员首选的方式。水平切分数据库，可以降低单台机器的负载，同时最大限度的降低了了宕机造成的损失。
A_1023·2020-07-09 10:19

性能基础之大型网站架构演化（整理篇）

文章目录引言大型软件系统的特点大型网站的架构要素大型网站演化发展历程初始阶段的网站架构应用服务和数据服务分离使用缓存改善网站性能使用应用服务器集群改善网站的并发处理能力数据库读写分离使用反向代理和CDN
zuozewei·2020-07-09 06:43

极客大学架构师训练营 系统架构 第8课 听课总结

也正是因为性能问题几乎无处不在，所以优化网站性能的手段也非常多，从用户
程序员易筋·2020-07-09 05:54

Apache Bench测试web性能

网站性能压力测试是性能调优过程中必不可少的一环。只有让服务器处在高压情况下才能真正体现出各种设置所暴露的问题。
werm520·2020-07-08 23:52

前端学习路线 ①

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

webpack-bundle-analyzer插件快速入门

这个插件的功能是生成代码分析报告，帮助提升代码质量和网站性能。
weixin_34355559·2020-07-08 18:02

大型网站性能监测、分析与优化常见问题Q&A

@tanwen110（唐文），曾负责腾讯四大平台之一网络媒体平台的整体运维、运营规划工作；曾任百度T7架构师和百度性能优化TOPIC、百度UAQ、APM平台负责人；畅销书《海量运维、运营规划之道》作者；mmTrix创始人，后并入上市公司高升控股（000971.SZ），出任技术VP。在互联网环境日益复杂的今天，性能优化的价值在不断提升。从用户体验到成本，各个方面都可产生收益，尤其在大型项目上这种收益
weixin_33905756·2020-07-08 16:44

【转载】从代码级别的技术细节入手，看性能优化怎么做

关于性能优化这是一个比较大的话题，在《由12306.cn谈谈网站性能技术》中我从业务和设计上说过一些可用的技术以及那些技术的优缺点，今天，想从一些技术细节上谈谈性能优化，主要是一些代码级别的技术和方法。
小入门·2020-07-08 11:50

项目：××官网改版总结经验和收获

这次官网改版使用的提升网站性能的方法有：csssprites、事件委托、加载更多使用innerHTML一次性批量加载、懒加载图片、CSS/JS代码压缩1.透明度color上的值:rgba是IE9+才可以支持
small-dragon·2020-07-08 08:09

大型互联网架构常见问题

1.哪些组件和方法可以来提升网站性能，可用性以及并发量？提高硬件能力，增加系统服务器。
陈多鱼·2020-07-08 02:53

补：nginx负载均衡之后设置缓存

原本这篇早该奉上了，但是一直忙于找工作，就没有时间，不过好歹现在不用考虑这个问题了，正好看到一篇写得不错，暂时补上：1.为什么需要缓存缓存的最根本的目的是为了提高网站性能，减轻频繁访问数据，而给数据库带来的压力
萧-青·2020-07-08 00:39

CSS复习 过渡和旋转

通过背景图位置设置对应的图片的显示3、此时要改变图片位置，那么则通过改变元素的位置来实现（可以通过定位，margin等各种方式）优点：1、若干小图标拼合成一张图后布局，减少http请求数，2、从而隐形地提升了网站性能
真的吗_a951·2020-07-07 21:14

大型网站技术架构』（二）：高性能架构

一、不同视角下的网站性能用户视角关注点：关注响应时间，包括浏览器和服务器通信时间+服务器处理时间+浏览器构造请求和解析响应的时间；优化手段：前端架构优化开发人员视角关注点：关注应用及相关子系统性能，包括响应延迟
幽灵之使·2020-07-07 14:46

优化网站性能 提高网站速度访问速度的14条实践

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