文章/答案/技术大牛

发布

社区首页 >问答首页 >图像大小和百分比会降低网站的速度

问图像大小和百分比会降低网站的速度
EN

Stack Overflow用户

提问于 2014-06-18 11:33:54

回答 1查看 67关注 0票数 1

有点有线，但这就是问题所在。我有jQuery动画和许多其他事件，当我的css文件中的图像宽度和高度是以像素为单位时，但当我以百分比或自动(高度: 100%；宽度:自动；-->我需要的方式)设置它们时，我的整个网站变慢了。事件不会立即触发，我的动画一点也不流畅(我只看到了2到3帧动画)。您是否知道问题出在哪里，或者如何解决？

我的动画示例(左和右是div)：

  $("#left").animate({"width":"+=15%"},"linear");
  $("#right").animate({"width":"+=15%"},"linear");

CSS：

 img {
   height: 100%;
   width: auto;
 }

css

javascript

jquery

html

回答 1

Stack Overflow用户

发布于 2014-06-18 11:48:21

每当我在使用动画时遇到网站性能问题时，他们几乎总是涉及图像太大。当您使用百分比大小时，您的图像可能不会立即明显地比它们需要的大得多。

桌面屏幕的平均尺寸现在是1366×768，这意味着对于大多数网站，全屏图库的最大图像宽度/高度应该是1366/768 (如果这些图像用作图标/缩略图，则明显更小)。

在开发人员面板中检查图像的原生尺寸，并确保它们不超过这些尺寸:这可能会很好地解决您的性能问题。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/24284459

复制

Nginx启用Brotli 压缩，降低页面大小提高网站加载速度

文件存储打包 nginx 编程算法

Google 认为互联网用户的时间是宝贵的，他们的时间不应该消耗在漫长的网页加载中，因此在 2015 年 9 月 Google 推出了无损压缩算法 Brotli。Brotli 通过变种的 LZ77 算法、Huffman 编码以及二阶文本建模等方式进行数据压缩，与其他压缩算法相比，它有着更高的压缩效率。

星哥玩云

2022/08/13

2.1K0

降低数据大小的四大绝招。

express numpy byte kaggle parquet

炼丹笔记

2022/10/27

1.4K0

如何测试网站打开速度(网站访问速度)

腾讯云测试服务 http 网站 https

网页载入速度对于一个网站来讲很关键，Google已经将一个网站的载入速度列入了网站关键字排名的考虑因素当中，也就是说如果你的网站有足够的内容，而且载入速度比别人的网站更快一步的话，那么你就是获得更好的排名。那么下面就赶快测试你的网站，提高网站访问速度吧。

全栈程序员站长

2022/08/02

6.1K0

python百分比数比较大小

python int string

python是无法识别百分比的，估计你的百分比是string，所以需要转成int # !/usr/bin/python3.4 # -*- coding: utf-8 -*- # 百分数转为int def percent_to_int(string): if "%" in string: newint = int(string.strip("%")) / 100 return newint else: print("你输入的不是百分比！")

机器学习和大数据挖掘

2019/07/02

2.2K0

vlan教学_不同的vlan转发降低速度

tcp/ip https 网络安全 java html

https://blog.csdn.net/z429831417/article/details/50498072

全栈程序员站长

2022/09/23

3940

如何降低和优化网站的跳出率终极秘籍分享

网站

如何降低和优化网站的跳出率终极秘籍分享，关于网站的跳出率问题几乎是一个老生常谈的问题了，我们不管是个人网站建设或者是企业网站或者是电商类的网站，我们往往都会试图想要通过降低和优化网站的总体跳出率，从而获得更多的收益转化，但是对于跳出率这项指标来说，到底有多重要呢？其实大部分站长还是不太清楚的，包括很多seoer们做网站的优化的时候，也会可以想要去优化网站的跳出率；

wordpress建站吧

2019/05/28

4900

云计算技术降低了IT成本，但是降低的幅度会多大?

游戏

对于互联网企业来说，IT不仅是运营的工具，也是创新的平台，换句话说，IT不仅是成本因素，更是企业生存和发展的基础。为了开展业务，自身必须拥有大批IT专家，这些人工费用算不算是“IT成本”的组成部分呢？昨天李总理去了前海微众银行，说了句“希望用你们的方式来倒推传统金融的改革”。结果到了腾讯云的报道里，题目就成了：听总理的话，用云计算倒推传统金融IT改革。总理谈的是金融体系，与IT并无直接关系，这么拉大旗作虎皮太过牵强。而把数字加文字游戏玩到这种程度，我也真是醉了。“倒推”啥啊，直接“推倒”吧! 腾讯云的文

静一

2018/03/21

1.8K0

VVC编码进展：码率降低，速度仍需提升

https 网络安全

https://medium.com/@ewoutterhoeven/a-quick-and-dirty-look-at-vvc-16e8c2c56512

LiveVideoStack

2019/07/01

1.4K0

提高WordPress网站的打开速度

php go ajax 网站 jquery

就是把调用的谷歌的文件链接换成国内的链接。在你的后台主题编辑中，在所有的文件中Ctrl+F搜索关键字“google”，如果搜到相关谷歌的链接诸如fonts.googleapis.com大家可以把这个文件(可能下载需要翻墙具体我没试过)下载下来放到自己网站里完了更换成自己网站的文件链接就可以。

Inkedus

2020/04/16

1.9K0

网站速度跟什么有关_影响网站速度慢的8个方面

网站插件服务服务器优化

确实，大多数人的网站都会慢，但是只要自己学会优化网站速度，就会发现网站并不是真正的慢，只不过是有些地方没有做到位而已。

会长君

2023/04/24

2K0

CNN中各层图像大小的计算

图像处理 tensorflow

本文介绍了如何利用卷积神经网络（CNN）进行图像分类。首先介绍了CNN的基本原理和结构，然后通过一个具体的例子演示了如何使用CNN进行图像分类。最后，本文阐述了如何使用Keras框架实现CNN，并通过一个MNIST数据集的例子进行了演示。

GavinZhou

2018/01/02

2.5K0

在 Linux 终端调整图像的大小

linux 图像处理

ImageMagick 是一个方便的多用途命令行工具，它能满足你所有的图像需求。ImageMagick 支持各种图像类型，包括 JPG 照片和 PNG 图形。

用户4988085

2021/09/14

4.5K0

修改注册表降低bluestacks内存大小

存储

2. 在注册表中按路径HKEY_LOCAL_MACHINE\SOFTWARE\BlueStacks\Guests\Android

墨渊

2018/05/09

2.9K1

修改注册表降低bluestacks内存大小

android

1. 在桌面中按下 WIN + R 打开“运行” 在运行中输入“regedit”按“确定”打开 “注册变编辑器” 2. 在注册表中按路径HKEY_LOCAL_MACHINE\SOFTWARE\Bl

用户1456630

2018/05/25

1.4K0

JAVA反射会降低你的程序性能吗?

缓存

JAVA反射机制是在运行状态中，对于任意一个类，都能够知道这个类的所有属性和方法；对于任意一个对象，都能够调用它的任意一个方法和属性；这种动态获取的信息以及动态调用对象的方法的功能称为java语言的反射机制。from:http://www.111cn.net/jsp/Java/72057.htm

shengjk1

2019/07/02

2.2K0

M2版的MacBook Pro，硬盘速度严重降低

存储硬件开发腾讯云测试服务压力测试

苹果此前发布了搭载全新 M2 芯片的全新 MacBook Air 和 13 英寸 MacBook Pro 机型。13 英寸 MacBook Pro 已经上市开售。有用户发现256GB存储版的最新MacBook Pro存在SSD降速的问题。基准测试表明，配备 M2 芯片的 MacBook Pro 13 英寸的 256GB SSD 存储性能比其 M1 同类产品要慢，现在 YouTube 博主Max Tech进行了实际压力测试表明，M2 MacBook Pro 13 英寸中的 256GB SSD 在日常使用中也表现不佳。

Mac小小心

2022/06/29

1.3K0

数字化转型：敏捷和DevOps如何降低风险，提高速度

敏捷开发 devops

进行数字化转型就意味着团队需要应对经常发生冲突的挑战——例如，要应对在复杂的相互依赖环境中快速变化的需求。对软件开发人员来说，这是一个熟悉的困境。

敏捷开发

2021/08/24

3390

TypeScript 5.0 现已发布：全新的装饰器，速度、内存和包大小优化

函数开发者内存优化装饰器

作者 | Oghenevwede Emeni，Peng Cao 译者 | 核子可乐策划 | 丁晓昀微软在上周发布了 TypeScript 5.0 beta 版本，希望在助其瘦身之余简化使用方式、加快运行速度。此次公布的 beta 版还引入新的装饰器标准，使用户能够以可重用的方式自定义类及其成员。相对于 TypeScript 4.9 在速度和大小方面的提升：此次 beta 版的一大亮点，在于合并了新的装饰器标准，使用户能够以可重用的方式自定义类及其成员。TypeScript 项目经理

深度学习与Python

2023/03/29

9800

【网站优化经验】加快网站访问速度

网站云服务器

当我们用国内服务器自信满满地搭建好又一个wordpress站点时，当你准备着手为你的博客添砖加瓦时，你却发现，wordpress原生博客的响应速度让你怀疑人生，你望向窗外，看着这高楼耸立，熙攘喧哗，到处充满浮躁的城市，你不禁陷入了人与自然与世界问题的大思考。

幻影龙王

2021/09/11

3.5K0

点击加载更多

相似问题

加载xml会降低我的网站的速度

禁用的产品会降低网站的速度吗？

日志文件会降低cakephp中的网站速度吗？

为什么setinterval会降低网站的运行速度

推送到heroku master会降低我的网站速度

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问图像大小和百分比会降低网站的速度
EN