当PageSpeed Insights检测到网页上的文字太小而难以辨认时,就会触发此规则。 概览 您可以使用以下四种常用单位来指定网页字体大小:像素(px)、点(pt)、EM(em)和百分比(%)。 像素即“CSS像素”,会因设备尺寸和密度而异。 点是相对于像素而定义的。一个像素是0.75点*。 EM和百分比是“相对”单位:这两个单位是相对于沿用已使用字体大小和属性而言的。1 EM相当于100%。 *请参见其他说明。 此外,视口会影响字体在移动设备上的缩放方式。未适当配置视口的网页会在移动设备上缩小显示,这通常会导致网页文字较小而难以辨认。...
Read More当PageSpeed Insights检测到某些点按目标(例如按钮、链接或表单字段)可能过小或距离过近,以致用户不方便在触摸屏上点按时,就会触发此规则。 概览 对于用户来说,如果链接或按钮太小或摆放太密集的话,要想在触摸屏上准确点按这些目标,会比使用传统鼠标光标更费力。为了让用户免去不慎按错位置的困扰,请为每个点按目标设置足够的大小,并让它们之间保持足够的距离,以免用户在点按任何目标时手指触碰到其他任何点按目标。成人的手指指腹平均宽约10毫米(不到半英寸),因此Android界面准则建议最小点按目标尺寸约为7毫米,或在移动视口正确设置的网站上,点按目标至少要达到48 CSS像素。 建议 您应确保网站上最重要的点按目标(用户最常用的目标)足够大,即高/宽至少要达到48...
Read More当PageSpeed Insights检测到网页内容不适合在指定尺寸的视口内水平显示,而强制用户水平移动网页以查看所有内容时,就会触发此规则。 概览 在桌面设备和移动设备上,用户习惯于垂直(而非水平)滚动浏览网站,而强制用户水平滚动或缩小以查看完整网页会给用户带来很差的体验。 在使用元视口代码开发移动网站的过程中,您往往会在无意中创建并不适用于指定视口的网页内容。例如,如果在视口中显示大于视口宽度的图片,会迫使用户水平滚动该视口。您应调整此内容,使其符合视口的宽度。这样一来,用户就不用水平滚动视口了。 建议 不同的设备其屏幕尺寸会有很大的差异(例如,手机和平板电脑,甚至是不同款的手机),为此您应配置相应视口,以便您的网页能在许多不同的设备上正确呈现。然而,由于视口宽度(以CSS像素为单位)可能会有所不同,因此,您的网页内容不应依赖于能正常显示的特定视口宽度。...
Read More当PageSpeed Insights检测到您的网页未指定视口,或者指定的视口不适合不同设备时,就会触发此规则。 概览 视口可控制网页在移动设备上的显示方式。如果未指定视口,移动设备将以典型桌面屏幕的宽度来呈现网页,并调整网页使其适合屏幕大小。通过设置视口,您可以控制网页在不同设备上的宽度和缩放比例。 左图:未指定元视口的网页。 右图:指定了与设备宽度相匹配的视口的网页。 建议 经过优化可在移动设备上正常显示的网页应在文档标头中包含元视口,指定如下内容:width=device-width, initial-scale=1。 <meta name=viewport content="width=device-width,...
Read More当PageSpeed Insights检测到您正在使用同步版(而非异步版)脚本时,就会触发此规则。 概览 使用异步脚本意味着系统可以更快速地呈现您的网页,而不是强制用户等待脚本完成下载,然后才呈现网页。异步版脚本可实现后台下载。 虽然最初的大多数脚本是同步的,但较新版脚本均可实现异步加载。 建议 请确保您使用的是异步版脚本。以下热门脚本均支持加载异步脚本: BuySellAds (s3.buysellads.com/ac/bsa.js):相关博文 - 默认情况下为异步脚本 ChartBeat (static.chartbeat.com/js/chartbeat.js):相关文档、相关博文 -...
Read Moreيتم تشغيل هذه القاعدة عندما تكتشف PageSpeed Insights أن HTML الخاص بك يشير إلى ملف JavaScript خارجي محظور من قبل النظام ( موجود في الجزء الأول من صفحة الويب). لمحة عامة يجب على المتصفح تحليل صفحة الويب قبل أن يتمكن من تقديمها إلى المستخدم. إذا واجه المستعرض نصًا خارجيًا تم حظره بواسطة النظام أثناء عملية...
Read Moreيتم تشغيل هذه القاعدة عندما تكتشف PageSpeed Insights أن النظام يحتاج إلى مزيد من رحلات الشبكة ذهابًا وإيابًا لتقديم محتوى الشاشة الأولى لصفحة الويب. لمحة عامة إذا تجاوزت كمية البيانات المطلوبة حدود نافذة الازدحام الأولية، فسيحتاج النظام إلى القيام بمزيد من الرحلات ذهابًا وإيابًا بين الخادم ومتصفح المستخدم....
Read Moreيتم تشغيل هذه القاعدة عندما تكتشف PageSpeed Insights أن صفحة الويب تحتوي على ورقة أنماط خارجية تمنع العرض ( ورقة أنماط تؤخر عرض المحتوى على الشاشة). لمحة عامة يقوم المستعرض بحظر ملفات CSS الخارجية حتى يتم عرض المحتوى على الشاشة. يمكن أن يؤدي ذلك إلى تأخير إضافي في الشبكة وإطالة الوقت الذي يتم فيه عرض...
Read Moreيتم تشغيل هذه القاعدة عندما تكتشف PageSpeed Insights أن الصورة على صفحة ويب يمكن تحسينها لتقليل حجمها دون التأثير بشكل كبير على تأثيرها البصري. لمحة عامة قلل من حجم الصورة لتقليل الوقت الذي ينتظره المستخدمون لتحميل المورد. تنسيق وضغط الصور بشكل صحيح يمكن أن يوفر الكثير من مساحة بايت البيانات. هذا يمكن...
Read More当PageSpeed Insights检测到您的某个资源可通过缩减操作来减小其大小时,就会触发此规则。 概览 缩减资源大小是指删除不必要的字节(例如,多余的空格、换行符和缩进)。压缩HTML、CSS和JavaScript可提高下载、解析和执行的速度。此外,对于CSS和JavaScript,还可通过以下方式进一步缩小文件体积:在对HTML进行适当更新的过程中重命名变量名称,以确保选择器继续运行。 建议 您应缩减HTML、CSS和JavaScript的大小。 要缩减HTML的大小,您可以使用PageSpeed Insights Chrome扩展功能来生成优化版HTML代码。对HTML页面进行分析,然后浏览“缩减HTML的大小”规则。点击“查看经过优化的内容”,以获取经过优化的HTML代码。...
Read Moreيتم تشغيل هذه القاعدة عندما تكتشف PageSpeed Insights أن استجابة الخادم لا تحتوي على رأس ذاكرة تخزين مؤقت صريح أو أن بعض الموارد محددة للتخزين المؤقت لفترة قصيرة فقط. لمحة عامة إذا قام المستخدمون بزيارة موقع الويب الخاص بك عدة مرات، فإن التخزين المؤقت للمتصفح للموارد الثابتة يمكن أن يوفر للمستخدمين الوقت....
Read Moreيتم تشغيل هذه القاعدة عندما تكتشف PageSpeed Insights أن وقت استجابة الخادم الخاص بك يزيد عن 200 مللي ثانية. لمحة عامة يشير وقت استجابة الخادم إلى الوقت الذي يتم فيه تحميل HTML اللازم لبدء تقديم صفحة الويب التي يستضيفها الخادم، مطروحًا منه زمن انتقال الشبكة بين Google والخادم. قد يختلف الوقت الذي تستغرقه...
Read More当PageSpeed Insights检测到网页上的压缩资源未与HTTP压缩一同提供时,就会触发此规则。 概览 许多网络服务器可以通过调用第三方模块或使用内置程序将文件压缩为gzip格式,然后再发送该压缩文件以供下载。这样可以在下载呈现网站所需的资源时,为您节省一些时间。 建议 您应在自己的网络服务器上启用压缩功能。以下这些参考展示了某些热门网络服务器上所启用的压缩功能: Apache:采用mod_deflate Nginx:采用HttpGzipModule IIS:配置HTTP压缩功能 常见问题解答 PageSpeed Insights报告许多静态内容文件需要压缩为gzip格式,但我已将网络服务器配置为使用gzip压缩格式提供这些文件。为何PageSpeed...
Read Moreيتم تشغيل هذه القاعدة عندما تكتشف PageSpeed Insights أنك استخدمت عمليات إعادة توجيه متعددة أثناء نقل عنوان URL المحدد إلى صفحة الوجهة النهائية. لمحة عامة نظرًا لأن إعادة التوجيه تؤدي إلى دورات استجابة طلب HTTP إضافية وتزيد من تأخير وقت الرحلة ذهابًا وإيابًا، فمن المهم تقليل عدد عمليات إعادة التوجيه...
Read More