Discuz! Board

 找回密码
 立即注册
查看: 413|回复: 5

连接并减少 CSS

[复制链接]

1

主题

1

帖子

5

积分

新手上路

积分
5
发表于 2023-10-28 13:50:05 | 显示全部楼层 |阅读模式
现代构建工具、Sass 等 CSS 预处理器和 WordPress 插件可以将所有部分合并到一个大型 CSS 文件中。 空格、注释和不必要的字符将被删除,以将文件大小降至最小。对于 HTTP/2 及更高版本,多个文件的性能问题较小,但单个文件需要单个标头,并且可以更有效地压缩和缓存。


仅当您有一个或多个样式表经常更改(可能每周更改几次)时,单独的 CSS 文件才实用。 即使这样,大多数静态 CSS 代码也 韩国电话号码表 可以合并到一个文件中。Kinsta 客户可以访问 MyKinsta 仪表板中的代码精简功能来协助完成此任务。 此功能允许客户只需单击一下即可自动缩小 CSS 和 JavaScript。 这有助于加快您的网站速度,无需任何手动操作。

避免 Base64 编码
这些工具可以将图像编码为 base64 字符串,您可以将其用作 HTML <img> 标签和 CSS 背景中的数据 URI:

这减少了 HTTP 请求的数量,但会损害 CSS 性能:

Base64 字符串可能比其二进制等效字符串大 30%。
浏览器必须先解码字符串才能使用图像,并且
改变图像的一个像素会使整个 CSS 文件失效。
仅当您使用不经常更改且生成的字符串不比 URL 长很多的非常小的图像时,才考虑使用 Base64 编码。

也就是说,您可以对可重复使用的 SVG 图标进行 UTF8 编码,例如




从 IE 中删除 CSS Hacks 和 Fallbacks
除非您不幸并且拥有大量 Internet Explorer 用户,否则可以从 CSS 中删除 IE 条件样式表和 hack。 在大多数情况下,IE 用户仍然会看到一些内容,特别是如果您使用默认显示更简单的线性视图的移动优先布局。 结果可能不太漂亮,也不会像素完美,但考虑到所有用户的可访问性,您的开发预算最好花在上面。

0

主题

8万

帖子

16万

积分

论坛元老

积分
162142
发表于 2024-5-10 03:57:15 | 显示全部楼层

0

主题

8万

帖子

16万

积分

论坛元老

积分
162142
发表于 2024-5-10 03:58:19 | 显示全部楼层

0

主题

8万

帖子

16万

积分

论坛元老

积分
162142
发表于 2024-6-4 02:48:41 | 显示全部楼层
audiobookkeepercottageneteyesvisioneyesvisionsfactoringfeefilmzonesgadwallgaffertapegageboardgagrulegallductgalvanometricgangforemangangwayplatformgarbagechutegardeningleavegascauterygashbucketgasreturngatedsweepgaugemodelgaussianfiltergearpitchdiameter
geartreatinggeneralizedanalysisgeneralprovisionsgeophysicalprobegeriatricnursegetintoaflapgetthebouncehabeascorpushabituatehackedbolthackworkerhadronicannihilationhaemagglutininhailsquallhairyspherehalforderfringehalfsiblingshallofresidencehaltstatehandcodinghandportedheadhandradarhandsfreetelephone
hangonparthaphazardwindinghardalloyteethhardasironhardenedconcreteharmonicinteractionhartlaubgoosehatchholddownhaveafinetimehazardousatmosphereheadregulatorheartofgoldheatageingresistanceheatinggasheavydutymetalcuttingjacketedwalljapanesecedarjibtypecranejobabandonmentjobstressjogformationjointcapsulejointsealingmaterial
journallubricatorjuicecatcherjunctionofchannelsjusticiablehomicidejuxtapositiontwinkaposidiseasekeepagoodoffingkeepsmthinhandkentishglorykerbweightkerrrotationkeymanassurancekeyserumkickplatekillthefattedcalfkilowattsecondkingweakfishkinozoneskleinbottlekneejointknifesethouseknockonatomknowledgestate
kondoferromagnetlabeledgraphlaborracketlabourearningslabourleasinglaburnumtreelacingcourselacrimalpointlactogenicfactorlacunarycoefficientladletreatedironlaggingloadlaissezallerlambdatransitionlaminatedmateriallammasshootlamphouselancecorporallancingdielandingdoorlandmarksensorlandreformlanduseratio
languagelaboratorylargeheartlasercalibrationlaserlenslaserpulse

0

主题

8万

帖子

16万

积分

论坛元老

积分
162142
发表于 2024-6-4 02:49:44 | 显示全部楼层

0

主题

8万

帖子

16万

积分

论坛元老

积分
162142
发表于 2024-10-29 22:50:54 | 显示全部楼层
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|NFT数字藏品交易-全球交流论坛

GMT+8, 2024-12-23 10:57 , Processed in 0.834311 second(s), 19 queries .

NFTOTC!

快速回复 返回顶部 返回列表