چگونه اطمینان حاصل کنیم که عملکرد اصلی وب سایت شما همیشه در دسترس، قابل دسترسی، ایمن، قابل استفاده، قابل کشف و سریع است.
این صفحه راهنمایی هایی را ارائه می دهد تا اطمینان حاصل شود که وب سایت شما همیشه در دسترس، قابل دسترسی، ایمن و قابل استفاده برای همه است.
راهنماییهای موجود در این صفحه از مجموعهای متقابل از تیمهای Google است که تمرکز کوتاهمدت خود را به حمایت از وبسایتهایی تغییر میدهند که به افراد کمک میکنند در طول وضعیت COVID-19 ایمن بمانند. این کارمندان Google مشاهده کردهاند که سایتها با افزایش بیسابقهای در تقاضا از سوی افرادی که به دنبال اطلاعات حیاتی هستند، روبرو هستند، که بسیاری از آنها قبلاً به ندرت یا هرگز از وب استفاده نکردهاند. اطمینان از در دسترس بودن سایت ها در این مدت و در دسترس بودن برای همه می تواند چالش برانگیز باشد.
راهنمایی
در دسترس بودن، قابلیت اطمینان، انعطاف پذیری و ثبات
اگر سایت شما شاهد افزایش ترافیک است و از کار میافتد، یا میخواهید از خرابی آن جلوگیری کنید، راهنمایی زیر میتواند به شما کمک کند تا به سرعت مشکلات را برطرف کنید یا آنها را قبل از تبدیل شدن به مشکل اصلی شناسایی کنید.
- برای آشنایی با نحوه شناسایی، کاهش و جلوگیری از مشکلات افزایش ترافیک ، رفع مشکل سرور بیش از حد را بخوانید.
- تصاویر، فیلم ها، اسکریپت ها و فونت های غیر ضروری را حذف کنید. اطمینان حاصل کنید که هر صفحه فقط بر روی ارائه عملکردی متمرکز است که افرادی که از سایت شما استفاده می کنند واقعاً به آن نیاز دارند.
- بهینه سازی تصاویر شما ممکن است استفاده از پهنای باند سرور را به میزان قابل توجهی کاهش دهد زیرا تصاویر منبع شماره یک نفخ در وب هستند .
- تا جایی که ممکن است محتوای استاتیک خود را در CDN بارگیری کنید. جزئیات بیشتر از ارائه دهندگان رایج: AWS ، Azure ، Cloudflare ، Google Cloud ، Firebase .
- بررسی کنید که آیا CDN شما دارای بهینهسازیهایی است که به راحتی قابل روشن کردن باشد، مانند فشردهسازی پویا تصویر، فشردهسازی متن، یا کوچکسازی خودکار منابع JS و CSS.
- بهینهسازی حافظه پنهان HTTP میتواند تقاضای سرورهای شما را با حداقل تغییر کد به میزان قابل توجهی کاهش دهد. کش HTTP را بررسی کنید: اولین خط دفاعی شما برای یک نمای کلی و بهترین شیوه های ذخیره سازی و ذخیره سازی HTTP برای توصیه های خاص. سرویس داراییهای استاتیک با ممیزی سیاست کش کارآمد در Lighthouse میتواند به شما کمک کند منابعی را که در حافظه پنهان ذخیره نمیشوند به سرعت شناسایی کنید. به خاطر داشته باشید که انواع مختلف منابع نیاز به تازگی متفاوتی دارند و بنابراین به استراتژیهای کش متفاوتی نیاز دارند.
- کارگران سرویس راه دیگری برای کاهش قابل توجه تقاضاها در سرورهای شما هستند اما ممکن است نیاز به سرمایه گذاری فنی قابل توجهی داشته باشند. آنها همچنین وب سایت شما را قادر می سازند تا به صورت آفلاین کار کند و به شما امکان می دهد ساعات کاری، شماره تلفن و سایر اطلاعات را بدون اتصال به کاربران بازگشته ارائه دهید. Workbox رویکرد توصیهشده برای افزودن سرویسکاران به وبسایتها است، زیرا بسیاری از دیگهای بخار را خودکار میکند، پیروی از بهترین شیوهها را آسانتر میکند، و از اشکالات ظریفی که هنگام استفاده مستقیم از
ServiceWorker
API سطح پایین رایج هستند، جلوگیری میکند. - اگر سایت شما شاهد افزایش استفاده زیاد است، بررسی کنید که آیا از محافظت کافی در برابر حملات DDoS برخوردار هستید یا خیر زیرا ممکن است سایت شما اکنون هدف جذاب تری باشد. جزئیات بیشتر از ارائه دهندگان رایج: AWS ، Azure ، Cloudflare ، Google Cloud .
برای راهنمایی بیشتر به قابلیت اطمینان شبکه مراجعه کنید.
دسترسی
تمرکز بر دسترسی مهمتر از همیشه است زیرا افراد بیشتری با نیازهای مختلف احتمالاً به سایت شما دسترسی دارند. دستورالعمل های زیر را دنبال کنید تا مطمئن شوید که عملکرد اصلی وب سایت شما برای همه قابل دسترسی است.
- دسترسی یک تلاش تیمی است و هر کسی باید نقشی را ایفا کند. با مرور راهنمای دسترسپذیری تیمهای Google و همچنین راهنمای تیم از سرویس دیجیتال ایالات متحده شروع کنید. این راهنماها توضیح میدهند که هر یک از اعضای تیم (مدیران محصول، مهندسان، طراحان، QA و غیره) چه چیزی میتوانند کمک کنند.
- برای تعیین اینکه چه چیزی به خوبی کار میکند و چه چیزی نیاز به بهبود دارد، یک بررسی دسترسپذیری انجام دهید. افزونه های مرورگر WAVE می توانند به شما در بازرسی دستی دسترسی به سایت شما کمک کنند.
- برای درک بهتر موضوعات خاص مانند پیمایش صفحه کلید و پشتیبانی از صفحهخوان ، راهنمای دسترسی را بخوانید.
- یک حسابرسی فانوس دریایی را اجرا کنید تا مشکلات رایج دسترسی را پیدا کنید. این گزارش همچنین فهرستی از بررسی های دستی را ارائه می دهد که می توانید برای بهبود عملکرد سایت خود انجام دهید. توجه داشته باشید که نمره دسترسی 100 تضمینی برای در دسترس بودن سایت شما نیست. مسائل مهم بسیاری وجود دارد که Lighthouse نمی تواند آنها را به صورت خودکار آزمایش کند، بنابراین بازبینی دستی همچنان مهم است. سایر ابزارهای حسابرسی خودکار عبارتند از WAVE API و پسوند AX .
- دوره آموزشی Start Building Accessible Web Applications Today را در دوره egghead.io تکمیل کنید یا دوره دسترسی به وب در Udacity را بررسی کنید.
- لیست پخش A11ycast را برای نکات سریع بیشتر در مورد موضوعات دسترسی خاص تماشا کنید.
هویت، امنیت و حریم خصوصی
میتواند وسوسهانگیز باشد که از میانبرها برای دریافت راهحلهای حیاتی خارج شوید، اما همیشه مراقب باشید که حفرههای امنیتی را در انجام این کار باز نکنید. مردم باید به محتوایی در موضوعاتی که بسیار خصوصی هستند دسترسی داشته باشند. وب سایت ها باید به هر قیمتی از این داده های حساس کاربر محافظت کنند و مردم را متقاعد کنند که اطلاعات شناسایی شخصی (PII) آنها ایمن است.
- بدانید که چرا همه وبسایتها باید با HTTPS محافظت شوند ، نه فقط آنهایی که دادههای PII حساس را مدیریت میکنند.
- به یک ارائه دهنده میزبانی که به طور پیش فرض از HTTPS استفاده می کند بروید، یا از Let's Encrypt یا خدمات مشابه برای فعال کردن HTTPS در سرورهای خود استفاده کنید.
- کوکیهای SameSite را مرور کنید تا یاد بگیرید چگونه استفاده خود را از کوکیها امنتر کنید. توجه داشته باشید که اجرای برچسب زدن کوکی SameSite به طور موقت لغو شده است .
برای راهنمایی بیشتر ، ایمن و ایمن را ببینید.
قابلیت استفاده، UI و UX
مردم برای برآوردن نیازهای اساسی به شدت به وب متکی هستند. بسیاری از این افراد اغلب از وب استفاده نمی کنند. ارزش آن را دارد که قابلیت استفاده از عملکرد اصلی سایت خود را بررسی کنید و مطمئن شوید که استفاده از آن تا حد امکان ساده و آسان است.
- یک بنر برجسته (که با دکمه X قابل حذف است) به بالای وب سایت خود اضافه کنید که به طور واضح به روز رسانی های خدمات را در اختیار شما قرار می دهد. از یک فراخوان برای اقدام در بنر استفاده کنید تا افراد را به منابع خاص تر هدایت کنید. استفاده از رنگ ها و فونت های متمایز را در نظر بگیرید که از بقیه محتوای صفحه شما متمایز است. نوشته خود را همدلانه، متمرکز بر نیازهای مردم و شفاف در مورد نوع خدماتی که باید انتظار داشته باشید، نگه دارید.
- به دنبال فرصت هایی برای به حداقل رساندن تعاملات فیزیکی در سفرهای کاربر حیاتی خود (CUJ) باشید و آن تغییرات را به تیم محصول خود پیشنهاد دهید. برای مثال، اگر خدمات تحویل شما معمولاً به امضا نیاز دارد، ببینید آیا راهی برای حل آن وجود دارد یا خیر.
- بررسی کنید که CUJ های شما تا حد امکان ساده و شهودی باشند و در صورت مشاهده هر گونه فرصتی برای بهبود، تغییراتی را به تیم محصول خود پیشنهاد دهید.
- اصول طراحی خوب موبایل را مرور کنید و CUJ های خود را در دستگاه های مختلف موبایل امتحان کنید تا مطمئن شوید که هیچ مشکل آشکاری وجود ندارد. افرادی که اغلب از وب استفاده نمی کنند و ناگهان متوجه می شوند که باید بیشتر به وب اعتماد کنند، احتمالاً از دستگاه های تلفن همراه به سایت شما دسترسی پیدا می کنند.
- سایت خود را بازسازی کنید تا تا حد امکان از الگوهای طراحی ریسپانسیو استفاده کنید.
- اطمینان حاصل کنید که فرم های شما کارآمد و به خوبی طراحی شده اند .
سئو
مردم به دنبال اطلاعات حیاتی مرتبط با سلامت و شغل هستند. مهم است که اطمینان حاصل کنید که سایت شما توسط همه موتورهای جستجو قابل کشف است. ممیزی SEO Lighthouse می تواند به شما در تشخیص مشکلات اساسی کمک کند. وبلاگهای رسمی موتورهای جستجو را برای آخرین راهنماییها و بهروزرسانیها دنبال کنید: Google ، Bing ، Baidu ، DuckDuckGo ، Yandex . پست های اخیر مرتبط با کووید-19:
- چگونه فعالیت های آنلاین خود را تغییر دهید و در عین حال تأثیر آن را بر حضور جستجوی Google خود به حداقل برسانید
- دارایی های جدید برای رویدادهای مجازی، به تعویق افتاده و لغو شده
- بینگ نشانه گذاری schema.org را برای اطلاعیه های ویژه برای COVID-19 اتخاذ می کند
- داده های ساختاریافته را به اطلاعیه های COVID-19 اضافه کنید
- کمک به سازمانهای بهداشتی برای دسترسی بیشتر به اطلاعات COVID-19
- بهترین شیوه های عمومی برای جستجوی سایت های بهداشتی و دولتی
برای راهنمایی بیشتر به قابلیت کشف مراجعه کنید.
کارایی
برخی از ISPها ( به عنوان مثال در هند ) شاهد افزایش شدید استفاده از اینترنت خانگی هستند و زیرساخت لازم برای پاسخگویی به تقاضای افزایش یافته را ندارند. در شرایطی مانند این ممکن است سرعت وب سایت شما بدون تقصیر شما کندتر شود. بهینه سازی عملکرد بار می تواند راهی برای جبران باد مخالف کاهش پهنای باند باشد. به عبارت دیگر، با کاهش تعداد بایت هایی که باید از طریق شبکه ارسال شوند تا صفحات شما بارگذاری شوند، می توانید تأثیر عملکرد کاهش پهنای باند را جبران کنید.
- تصاویر عامل شماره یک نفخ در وب هستند. ممکن است بتوانید با بهینه سازی تصاویر خود، استفاده از پهنای باند وب سایت خود را به میزان قابل توجهی کاهش دهید. Squoosh یک ابزار ساده و متن باز فشرده سازی تصویر است که می تواند به شما کمک کند تا تصاویر خود را به سرعت فشرده کنید.
- WebPageTest یا Lighthouse را اجرا کنید تا بهترین فرصت های بهبود عملکرد خود را کشف کنید.
- فشرده سازی متن را برای کاهش اندازه شبکه منابع متنی فعال کنید . این اغلب یک برد عملکرد آسان است که به حداقل سرمایه گذاری فنی نیاز دارد.
- برای یادگیری نحوه همکاری و خرید از سایر بخش ها ، Fixing speed website را به صورت متقابل بخوانید.
- از بارگذاری تنبل استاندارد برای تصاویر استفاده کنید تا درخواستهایی برای تصاویری که ممکن است مردم هرگز هرگز نبینند را به حداقل برسانید. سازگاری مرورگر 100٪ نیست، اما این ویژگی را می توان به عنوان یک پیشرفت پیشرونده در نظر گرفت. به عبارت دیگر، اگر یک مرورگر خاص از بارگذاری استاندارد شده با تنبلی پشتیبانی نمی کند، تصویر باید به طور معمول بارگیری شود.
- بررسی کنید که آیا سایت شما دارای اسکریپتهای آزمایشی یا شخصیسازی A/B است که میتوانند بهصورت ناهمزمان بارگیری شوند یا عملکرد غیر مهمی در اسکریپتها وجود دارد که میتوان آنها را غیرفعال کرد. اسکریپتهای آزمایش و شخصیسازی A/B معمولاً نمیتوانند بهطور کامل ناهمزمان بارگذاری شوند، زیرا باید قبل از بارگیری محتوای صفحه اجرا شوند، اما ممکن است فرصتی برای بارگیری ناهمزمانتر بخشهایی از اسکریپتها وجود داشته باشد. برای درک مبادله اساسی بین اسکریپت های همزمان (که به عنوان اسکریپت های مسدود کننده رندر نیز شناخته می شود) به طور کلی و زمان بارگذاری صفحه، به Critical Rendering Path مراجعه کنید و سپس تصمیم بگیرید که آیا باید اسکریپت های مسدود کننده رندر را بر زمان بارگذاری صفحه اولویت بندی کنید یا برعکس.
- کد شخص ثالث تقریباً نیمی از درخواست ها را برای اکثر وب سایت ها تشکیل می دهد. بهینه سازی یا حذف موقت یا غیرفعال کردن کدهای شخص ثالث را که برای اجرای سایت شما ضروری نیستند، در نظر بگیرید.
- اگر انتشار ویژگیها از اولویت برخوردار باشند، ممکن است این زمان مناسب برای پاکسازی باشد. برچسب ها را از مدیران تگ خود حذف کنید، CSS و JS متورم را پاکسازی کنید و ویژگی ها یا کدهای منسوخ را حذف کنید. برگه Coverage در Chrome DevTools و کلاس
Coverage
در Puppeteer میتواند به شما در شناسایی کدهای استفاده نشده کمک کند.
برای راهنمایی بیشتر، زمان بارگذاری سریع را ببینید.
تصویر قهرمان توسط ناسا در Unsplash