دو بخش بررسی در Google Chrome Lighthouse 10
گوگل کروم Lighthouse 10 دو بخش بررسی جدید که برای تشخیص مسائل مربوط به امنیت و عملکرد سایت استفاده میشود را ارائه می کند.
در کروم لایت هاوس 10 برای PageSpeed Insights و Chrome DevTools ویژگی های جدیدی برای بررسی مسائل امنیت سایت و عوامل تجربه کاربر استفاده می شود.
Lighthouse شامل انواع مختلفی از ممیزی ها، از جمله، بررسی Accessibility، ممیزی Best Practices، بررسی پرفورمنس، ممیزی برنامه های وب پیشرو و بررسی کلی SEO است.
سایت های زیادی مانند سلکتک به عنوان ابزار سئو چکاپ استفاده میشوند، اما امروز قصد داریم بیشتر در رابطه با این دو ممیزی جدید Lighthouse صحبت کنیم. این دو ویژگی بررسی کننده سایت یکی بخشی از ممیزی Best Practices و دیگری از دسته ممیزی های Performance است.
بررسی کش Back/forward
شاید در سئووبسایت به حافظه پنهان Back/Forwardاصلا فکر نکنید. این مورد به عنوان bfcache نیز شناخته میشود.
bfcache حافظه پنهانی است که با بهینهسازی فعال میشود و به صفحات وب اجازه میدهد تا زمانی که کاربر در یک وبسایت به عقب یا جلو (بک یا فوروارد) حرکت میکند، صفحه فورا بارگذاری شود.
وبسایتهای بدون bfcache، بازدیدکنندگان سایت را در هر بار عقب یا جلو رفتن (Back/Forward) مجبور میکنند تا صفحات وب را برای بار دوم لود کنند.
با فعال کردن bfcache، در Back یا Forward صفحات به سرعت بارگذاری شده و باعث بهبود تجربه کاربری میشود.
Bfcache چگونه کار می کند؟
کش عقب و جلو (bfcache) یک عکس فوری از صفحه را برای زمانی که صفحه از تاریخچه پیمایش بازیابی می شود، در حافظه ذخیره می کند.
این امر به طور قابل توجهی سرعت ناوبری بازگشتی به صفحه را افزایش می دهد، با این حال برخی از API های مرورگر (به عنوان مثال حذف بارگیری شنوندگان) می توانند باعث از کار افتادن bfcache شوند و صفحه به طور معمول بارگیری شود.
best-practices بررسی میکند که صفحه سایت واجد شرایط برای ذخیره در bfcacheاست یا خیر.
اولین گام برای بهینهسازی این است که هرگز از رویداد unload استفاده نکنید.
مشکل ایونت unload چیست؟
ایونت unload برای مرورگرها مشکل ساز است، زیرا قبل از bfcache است و بسیاری از صفحات در اینترنت با این فرض کار می کنند که یک صفحه پس از فعال شدن رویداد unload به وجود نخواهد آمد.
استفاده از این event یک چالش را برای شما به همراه دارد زیرا بسیاری از آن صفحات همچنین با این فرض ساخته شدهاند که هر زمانی که کاربر در حال حرکت است، رویداد بارگذاری فعال میشود.
همچنین Mozilla developer webpage هشدار داده است که برنامه نویسان و توسعه دهندگان نباید از unload event استفاده کنند.
لایت هاوس 10 اکنون میتواند bfcache را بررسی کند.
روش کار به این صورت است که از صفحه وب در حال آزمایش را ترک میکند و سپس به آن باز می گردد.
هر گونه مشکل در توانایی استفاده از کش Back و forward توسط ممیزی bfcache مشاهده و اعلام میکند.
مشکلات بارگذاری صفحات وب
به طور کلی سه نوع مشکل در بارگذاری صفحات وبسایت داریم:
- مشکلاتی که قابل رفع هستند.
- ویژگیهای پشتیبانی معلق که هنوز توسط Chrome پشتیبانی نمیشوند، از ذخیره کردن صفحه وب توسط مرورگر جلوگیری میکنند.
- مسائل غیرقابل کنترل که دلیل آنها خارج از خود صفحه هستند و قابل کنترل یا رفع نیستند.
قابلیت بررسی Paste کردن پسورد
منظور از Paste کردن پسورد این است که رمزعبور را کپی و سپس آن را در فیلد مربوط قرار دهید.
اجازه دادن به کاربران برای چسباندن رمزهای عبور در فیلد فرم رمز عبور، یک پیشرفت امنیتی است.
غیرفعال کردن قابلیت چسباندن گذرواژهها، کار را برای بازدیدکنندگان سایت از رمزهای عبور قوی استفاده میکنند، سخت میکند.
نسخههای قبلی گوگل کروم Lighthouse که برای این بهترین تمرین (best practice) مربوط به چسباندن در فیلدهای فرم آزمایش شده بودند، فقط به آزمایش فیلد رمز عبور محدود میشدند.
Lighthouse 10 این ممیزی را با گسترش آن برای آزمایش اینکه آیا چسباندن در فیلد مربوط کار می کند، بهبود می بخشد.
گوگل هم اعلام کرده بود جلوگیری از Paste کردن پسورد تجربه کاربری کاملاً منفی برای کاربران دارد.
تگ input که به صورت "readonly" هستند، یک فیلد فرمی بحساب میآیند که حاوی یک ورودی پیشفرض از پیش پر شده است.
همه فیلدهای ورودی دیگر باید اجازه جایگذاری را بدهند زیرا برای بهبود دسترسی، تجربه کاربری و بهبود امنیت مفید است.
نحوه فعال کردن چسباندن در فیلدهای رمز عبور
در مرحله اول باید بدنبال کدی باشید که از paste پسورد جلوگیری می کند. میتوانید برای یافتن و بررسی سریع کدی که از قراردادن رمز در فیلد پسورد جلوگیری می کند کارهای زیر را انجام دهید:
- پنجره Event Liner Breakpoints را باز کنید.
- لیست Clipboard را گسترش دهید.
- چک باکس paste را انتخاب کنید.
- مقداری متن را در قسمت رمز عبور صفحه خود جایگذاری کنید.
- DevTools باید در اولین خط کد در شنونده paste event مربوط مکث کند.
دو قابلیت جدید تحلیل پارامترهای مهم سئو در Lighthouse
بسیاری از بررسی کنندگان سئو مسائل امنیتی را آزمایش نمیکنند. امنیت سایت تاثیر زیادی در سئو و رتبه بندی سایت دارد و درصورتی که بهدرستی رعایت نشود، میتواند منجر به تأثیر منفی بر رتبهبندی و افت جایگاه سایت شود.
بهینه کردن سایت با رفع تمام مشکلات و بهبود پارامترهای مهم امکانپذیر است و امنیت صفحات وب، یکی از پارامترهای مهم بحساب میآید، در نتیجه ابزارهای سئو باید بتوانند این پارامتر را نیز بررسی کنند.
Lighthouse 10 در ابزار PageSpeed Insights فعال است و از نسخه 112 به بعد کروم قابل استفاده است.