Discuz! Board

 找回密碼
 立即註冊
搜索
熱搜: 活動 交友 discuz
查看: 13|回復: 0
打印 上一主題 下一主題

下面我们就来看看如何缩小图像尺寸

[複製鏈接]

1

主題

0

好友

5

積分

新手上路

Rank: 1

該用戶從未簽到

跳轉到指定樓層
樓主
發表於 2024-1-18 15:25:28 |只看該作者 |倒序瀏覽
本帖最後由 jui.muni01@gmai 於 2024-1-18 15:37 編輯

核心网络生命力 有一个与网页加载速度相关的核心Web Vitals的定义,所以我简单介绍一下。 核心网络生命力是表明网站向用户提供安全、快速、高质量内容的指标的元素,例如网页加载速度、移动友好性和 HTTPS 加密元素。当您以后深入学习SEO时,我们建议您轻记经常出现的单词。如何提高网页加载速度 在测量了上面的加载速度之后,我们将告诉您如何提高每个元素的速度。 提高 html 图像加载速度 对于包含图像的网页,您会发现加载时间因图像而增加。网页的HTML/CSS、JS和字体元素都是文本,因此它们的大小很小,但图像的平均大小为1MB。


因此,最小化图像大小也会减少加载时间。 下面我们就来看看如何缩小图像尺寸。 基于 PC 的网络上传 1280 像素的图像,基于移动设备的网络上传 420 像素的图像。 将图片扩展名改为webp并上传 如果webp不支持,请将实际图  丹麦WhatsApp号码数据  像上传为jpg,将创建的图像上传为png。 在不降低分辨率的情况下尽可能地进行压缩。 使用CMS时,使用AMP插件提高移动端加载速度 您可以通过以上四点来最小化图像尺寸。 另外,如果您对图像相关的SEO工作感兴趣,请参考下面的帖子。 CSS 内联 CSS 负责网站的设计元素。CSS的特点是它与HTML文件一起运行。




主要有两种方法:一种是从 HTML 文件加载 CSS 文件,另一种是在 HTML 内部提供 CSS 值(内联)。 在这两种方法中,加载时间更快的是内部(内联)CSS 方法。这是因为 HTML 需要时间来加载 CSS。 如何应用内联CSS如下。 <h2 style="color:white; background-color:black">소제목입니다.</h2> 虽然应用和修改有些不方便,但可以通过内联CSS值来​​缩短主页或许多访问页面的加载时间。 JavaScript 内联 与 CSS 一样,JavaScript 也从 HTML 加载 .js 文件并执行工作。由于在 HTML 中调用 JavaScript 文件会导致加载时间,因此我们还内联 JavaScript。 本地字体和 CDN 字体 此方法涉及直接通过服务器运行网页。 大多数网页出于设计目的使用商业字体而不是默认字体。(例如 Nanum Gothic)如果它不是默认字体,则有一个过程可以向网页访问者提供该字体。对于此过程,您需要将字体文件上传到服务器,有两种方法可以执行此操作。
回復

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 立即註冊

雲端vps主機|免費論壇|Archiver|手機版|Comsenz Inc.

GMT+8, 2025-4-22 19:45 , Processed in 0.649857 second(s), 22 queries .

抗攻擊 by GameHost X2.5

© 2001-2012 Comsenz Inc.

回頂部 一粒米 | 中興米 | 論壇美工 | 設計 抗ddos | 天堂私服 | ddos | ddos | 防ddos | 防禦ddos | 防ddos主機 | 天堂美工 | 設計 防ddos主機 | 抗ddos主機 | 抗ddos | 抗ddos主機 | 抗攻擊論壇 | 天堂自動贊助 | 免費論壇 | 天堂私服 | 天堂123 | 台南清潔 | 天堂 | 天堂私服 | 免費論壇申請 | 抗ddos | 虛擬主機 | 實體主機 | vps | 網域註冊 | 抗攻擊遊戲主機 | ddos |