چگونه مطمئن شوید که عملکرد اصلی وبسایت شما همیشه دردسترس، قابلدسترسی، ایمن، قابلاستفاده، قابلکشف، و سریع است.
این صفحه راهنماییهایی ارائه میدهد تا مطمئن شوید وبسایتتان همیشه برای همه دردسترس، قابلدسترسی، امن، و قابلاستفاده است.
راهنماییهای این صفحه از مجموعهای از تیمهای چندمنظوره در Google ارائه شده است که تمرکز کوتاهمدت خود را به پشتیبانی از وبسایتهایی تغییر دادهاند که به افراد کمک میکنند در شرایط کووید-۱۹ ایمن بمانند. این کارمندان Google دیدهاند که سایتها با افزایش بیسابقه تقاضا ازسوی افرادی مواجه هستند که بهدنبال اطلاعات مهم هستند، بسیاری از این افراد بهندرت یا هرگز قبلاً از وب استفاده نکردهاند. اطمینان از دردسترس بودن سایتها در این مدت و قابلدسترس بودن آنها برای همه میتواند چالشبرانگیز باشد.
راهنمایی
دردسترس بودن، قابلیت اطمینان، انعطافپذیری، و پایداری
اگر سایتتان با افزایش ناگهانی ترافیک مواجه است و ازکار میافتد، یا میخواهید از ازکار افتادن آن جلوگیری کنید، راهنمایی زیر میتواند به شما کمک کند مشکلات را بهسرعت برطرف کنید یا آنها را پیشاز تبدیل شدن به مشکلات بزرگ شناسایی کنید.
- برای آشنایی با نحوه شناسایی، کاهش، و جلوگیری از مشکلات جهش ترافیک، رفع مشکل سرور با بار اضافی را بخوانید.
- تصاویر، ویدیوها، اسکریپتها، و قلمهای غیرضروری را بردارید. مطمئن شوید هر صفحه فقط بر ارائه عملکردی تمرکز دارد که کاربران سایت شما واقعاً به آن نیاز دارند.
- بهینهسازی تصاویر ممکن است استفاده از پهنای باند سرور را بهطور قابلتوجهی کاهش دهد زیرا تصاویر منبع شماره یک تورم در وب هستند.
- تا حد امکان محتوای ثابت خود را به CDNها منتقل کنید. جزئیات بیشتر از ارائهدهندگان رایج: AWS، Azure، Cloudflare، Google Cloud، Firebase.
- بررسی کنید که آیا CDN شما بهینهسازیهایی دارد که بهراحتی روشن شوند، مانند فشردهسازی پویای تصویر، فشردهسازی متن، یا کوچکسازی خودکار منابع JS و CSS.
- بهینهسازی ذخیره کردن در حافظه نهان HTTP میتواند با حداقل تغییر کد، تقاضاها را در سرورهای شما بهطور قابلتوجهی کاهش دهد. برای دریافت نمای کلی، حافظه نهان HTTP: اولین خط دفاعی شما و برای توصیههای خاص، ذخیرهسازی در حافظه نهان HTTP و روالهای مطلوب ذخیرهسازی در حافظه نهان را بررسی کنید. ممیزی ارائه داراییهای ایستا با خطمشی حافظه نهان کارآمد در Lighthouse میتواند به شما کمک کند منابعی را که در حافظه نهان ذخیره نمیشوند بهسرعت شناسایی کنید. بهخاطر داشته باشید که انواع مختلف منابع الزامات تازگی متفاوتی دارند و بنابراین به استراتژیهای ذخیرهسازی در حافظه نهان متفاوتی نیاز دارند.
- کارگران خدمات روش دیگری برای کاهش قابلتوجه تقاضا در سرورهای شما هستند اما ممکن است به سرمایهگذاری فنی قابلتوجهی نیاز داشته باشند. این فناوریها همچنین به وبسایت شما امکان میدهند
آفلاین کار کند،
و به شما امکان میدهند ساعت کاری، شماره تلفن، و اطلاعات دیگر را به
کاربران بازگشتی بدون اتصال ارائه دهید. Workbox
رویکرد توصیهشده برای افزودن سرویسکار به وبسایتها است زیرا
بسیاریاز کدهای تکراری را خودکارسازی میکند، پیروی از روالهای مطلوب را آسانتر میکند، و
از اشکالات جزئی که هنگام استفاده مستقیم از میانای برنامهسازی کاربردی
ServiceWorkerسطح پایین رایج است جلوگیری میکند. - اگر سایت شما شاهد افزایش عمده استفاده است، بررسی کنید که آیا محافظت کافی دربرابر حملات منع سرویس توزیعشده دارید یا نه، زیرا ممکن است سایت شما اکنون هدف جذابتری باشد. جزئیات بیشتر از ارائهدهندگان رایج: AWS، Azure، Cloudflare، Google Cloud.
برای راهنمایی بیشتر، به قابلیت اطمینان شبکه مراجعه کنید.
دسترسپذیری
تمرکز بر دسترسپذیری از همیشه مهمتر است زیرا احتمالاً افراد بیشتری با نیازهای مختلف به سایت شما دسترسی دارند. رهنمودهای زیر را دنبال کنید تا مطمئن شوید عملکرد اصلی وبسایتتان برای همه دسترسپذیر است.
- دسترسپذیری تلاشی تیمی است و همه نقشی برای ایفا کردن دارند. با مرور راهنمای «دسترسپذیری برای تیمها» از Google و همچنین راهنمای تیم از «سرویس دیجیتال ایالات متحده» شروع کنید. این راهنماها توضیح میدهند که هریک از اعضای تیم (مدیران محصول، مهندسان، طراحان، تضمین کیفیت، و غیره) چه کمکی میتوانند بکنند.
- بررسی دسترسپذیری انجام دهید تا مشخص شود چه چیزی خوب کار میکند و چه چیزی نیاز به بهبود دارد. افزونههای مرورگر WAVE میتوانند به شما کمک کنند تا ممیزی دسترسپذیری دستی سایتتان را انجام دهید.
- راهنماهای دسترسپذیری را بخوانید تا موضوعات خاصی مانند پیمایش صفحهکلید و پشتیبانی صفحهخوان را بهتر درک کنید.
- ممیزی Lighthouse را اجرا کنید تا مشکلات رایج دسترسپذیری را پیدا کنید. این گزارش همچنین فهرستی از بررسیهای دستی را ارائه میدهد که میتوانید برای بهبود قابلیت عملکرد سایتتان انجام دهید. توجه داشته باشید که امتیاز «دسترسپذیری» ۱۰۰ تضمین نمیکند که سایت شما دسترسپذیر باشد. مسائل مهم زیادی وجود دارد که Lighthouse نمیتواند بهصورت خودکار آنها را آزمایش کند، بنابراین همچنان مهم است که بازبینیهای دستی انجام شود. سایر ابزارهای ممیزی خودکار شامل WAVE API و افزونه AXE است.
- دوره Start Building Accessible Web Applications Today (همین امروز ساختن برنامههای وب دسترسپذیر را شروع کنید) در egghead.io را تکمیل کنید یا دوره Web Accessibility (دسترسپذیری وب) در Udacity را بررسی کنید.
- برای دریافت نکات سریع بیشتر درباره موضوعات خاص دسترسپذیری، فهرست پخش A11ycast را تماشا کنید.
هویت، امنیت، و حریم خصوصی
ممکن است وسوسه شوید که برای انتشار سریع اصلاحات مهم از میانبر استفاده کنید، اما همیشه مراقب باشید که با این کار حفرههای امنیتی ایجاد نکنید. افراد باید به محتوای مربوط به موضوعات بسیار خصوصی دسترسی داشته باشند. وبسایتها باید به هر قیمتی از این دادههای حساس کاربر محافظت کنند و مردم را متقاعد کنند که اطلاعات شناساننده شخصی (PII) آنها ایمن است.
- بدانید چرا همه وبسایتها باید با HTTPS محافظت شوند، نه فقط آنهایی که با دادههای حساس اطلاعات شناساننده شخصی سروکار دارند.
- به ارائهکننده خدمات میزبانی وبی بروید که بهطور پیشفرض از HTTPS استفاده میکند، یا از Let's Encrypt یا سرویسهای مشابه برای فعال کردن HTTPS در سرورهایتان استفاده کنید.
- برای آشنایی با نحوه ایمنتر کردن استفاده از کوکیها، توضیحات کوکیهای SameSite را مرور کنید. توجه داشته باشید که اجرای برچسبگذاری کوکی SameSite موقتاً لغو شده است.
برای راهنمایی بیشتر، ایمن و مطمئن را ببینید.
کاربردپذیری، واسط کاربر، و تجربه کاربری
مردم برای برآورده کردن نیازهای اساسی خود بیشتر به وب متکی هستند. بسیاری از این افراد بهطور مکرر از وب استفاده نمیکنند. ارزشش را دارد که قابلیت استفاده از عملکرد اصلی سایتتان را ممیزی کنید و مطمئن شوید که تا حد امکان ساده و آسان است.
- افزودن برنمای برجسته (که با دکمه X برداشته میشود) به بالای وبسایتتان را مدنظر قرار دهید تا بهروزرسانیهای سرویس را بهوضوح اطلاعرسانی کند. از یک دعوت به اقدام در برنما استفاده کنید تا افراد را به منابع خاصتری هدایت کنید. از رنگها و قلمهای متمایزی استفاده کنید که از بقیه محتوای صفحهتان برجسته باشند. نوشتههایتان را همدلانه، متمرکز بر نیازهای افراد، و شفاف درباره نوع خدماتی که باید انتظار داشته باشند نگه دارید.
- بهدنبال فرصتهایی برای بهحداقل رساندن تعاملات فیزیکی در مسیرهای قطعی کاربر (CUJ) بگردید و این تغییرات را به تیم محصولتان پیشنهاد دهید. برای مثال، اگر سرویس ارسال شما معمولاً به امضا نیاز دارد، ببینید آیا راهی برای دور زدن آن وجود دارد یا نه.
- دوباره بررسی کنید که CUJهایتان تا حد امکان ساده و شهودی باشند و اگر فرصتی برای بهبود میبینید، تغییرات را به تیم محصولتان پیشنهاد دهید.
- اصول طراحی خوب برای تلفن همراه را مرور کنید و CUJهایتان را در دستگاههای همراه مختلف امتحان کنید تا مطمئن شوید مشکل آشکاری وجود ندارد. افرادی که اغلب از وب استفاده نمیکنند و ناگهان متوجه میشوند که باید بیشتر به وب تکیه کنند، احتمالاً از دستگاههای همراه به سایت شما دسترسی پیدا میکنند.
- سایتتان را بازسازی کنید تا حد امکان از الگوهای طراحی واکنشگرا استفاده کند.
- مطمئن شوید که فرمهایتان کارآمد و خوشطرح باشند.
بهینهسازی موتور جستجو
افراد بهدنبال اطلاعات مهم مربوط به سلامت و شغل هستند. مهم است که مطمئن شوید سایتهایتان توسط همه موتورهای جستجو قابلکشف هستند. ممیزیهای SEO در Lighthouse میتواند به شما در شناسایی مشکلات اساسی کمک کند. برای دریافت جدیدترین راهنماییها و بهروزرسانیها، وبلاگهای رسمی موتورهای جستجو را دنبال کنید: Google، Bing، Baidu، DuckDuckGo، Yandex. پستهای اخیر مربوط به کووید-۱۹:
- نحوه تغییر فعالیتهای آنلاین با کمترین تأثیر بر حضور شما در «جستجوی Google»
- مشخصههای جدید برای رویدادهای مجازی، بهتعویقافتاده، و لغوشده
- Bing نشانهگذاری schema.org را برای اعلامیههای ویژه کووید-۱۹ اتخاذ میکند
- افزودن دادههای ساختاریافته به اعلامیههای کووید-۱۹
- کمک به سازمانهای بهداشتی برای دردسترستر کردن اطلاعات کووید-۱۹
- روالهای مطلوب عمومی برای «جستجو» در سایتهای دولتی و بهداشتی
برای راهنمایی بیشتر، به قابلکشف مراجعه کنید.
عملکرد
برخیاز رسانندگان خدمات اینترنتی (برای مثال در هند) شاهد افزایش شدید استفاده از اینترنت خانگی هستند و زیرساخت لازم برای پاسخگویی به این افزایش تقاضا را ندارند. در شرایطی مانند این، سرعت وبسایت شما ممکن است بدون تقصیر شما کندتر شود. بهینهسازی عملکرد بارگذاری میتواند راهی برای جبران مشکل کاهش پهنای باند باشد. به عبارت دیگر، با کاهش تعداد بایتهایی که باید ازطریق شبکه ارسال شوند تا صفحههای شما بار شوند، میتوانید تأثیر عملکرد کاهش پهنای باند را جبران کنید.
- تصاویر دلیل شماره یک برای تورم در وب هستند. با بهینهسازی تصاویر، ممکن است بتوانید مصرف پهنای باند وبسایتتان را بهطور قابلتوجهی کاهش دهید. Squoosh ابزار فشردهسازی تصویر متنباز سادهای است که میتواند به شما کمک کند تصاویرتان را بهسرعت فشرده کنید.
- WebPageTest یا Lighthouse را اجرا کنید تا فرصتهای برتر بهبود عملکرد را پیدا کنید.
- فشردهسازی نوشتار را فعال کنید تا اندازه شبکه منابع نوشتاری کاهش یابد. این کار اغلب یک پیروزی عملکردی آسان است که به حداقل سرمایهگذاری فنی نیاز دارد.
- رفع مشکل سرعت وبسایت بهصورت میانبخشی را بخوانید تا با نحوه همکاری با بخشهای دیگر و جلب موافقت آنها آشنا شوید.
- از بار کردن کُند استانداردشده برای تصاویر استفاده کنید تا درخواستها برای تصاویری که ممکن است افراد هرگز واقعاً نبینند به حداقل برسد. سازگاری مرورگر ۱۰۰٪ نیست اما این ویژگی را میتوان بهعنوان ارتقای پیشرو درنظر گرفت. بهعبارت دیگر، اگر مرورگر خاصی از بارکردن کُند استانداردشده پشتیبانی نکند، تصویر باید بهطور معمول بار شود.
- بررسی کنید که آیا سایت شما دارای اسکریپتهای آزمایش A/B یا شخصیسازی است که بتوان آنها را بهصورت ناهمگامتر بارگذاری کرد یا اینکه آیا عملکرد غیربحرانی در اسکریپتها وجود دارد که بتوان آن را غیرفعال کرد. آزمایش A/B و اسکریپتهای شخصیسازی معمولاً نمیتوانند بهطور کامل ناهمگام بار شوند زیرا باید قبلاز بار شدن محتوای صفحه اجرا شوند، اما ممکن است فرصتی برای بار کردن بخشهایی از اسکریپتها بهصورت ناهمگامتر وجود داشته باشد. برای درک کردن موازنه اساسی بین اسکریپتهای همگام (که بهعنوان اسکریپتهای مسدودکننده پردازش نیز شناخته میشوند) بهطور کلی و زمان بار کردن صفحه، به مسیر پردازش بحرانی مراجعه کنید و سپس تصمیم بگیرید که آیا لازم است اسکریپتهای مسدودکننده پردازش را نسبتبه زمان بار کردن صفحه اولویتبندی کنید یا برعکس.
- کد شخص ثالث حدود نیمی از همه درخواستها را برای اکثر وبسایتها تشکیل میدهد. کد طرف سومی را که برای اجرای سایتتان ضروری نیست بهینهسازی یا موقتاً حذف یا غیرفعال کنید.
- اگر اولویت انتشار ویژگیها کاهش یافته است، شاید اکنون زمان مناسبی برای پاکسازی باشد. برچسبها را از مدیران برچسب خود بردارید، CSS و JS متورم را پاک کنید، و
ویژگیها یا کدهای منسوخشده را بردارید. برگه پوشش
در Chrome DevTools و
Coverageکلاس در Puppeteer میتواند به شما کمک کند کد استفادهنشده را شناسایی کنید.
برای راهنمایی بیشتر، زمانهای بارگیری سریع را ببینید.