عملکرد وب سایت و نظارت بر سلامت: نکات و بهترین شیوه ها

عملکرد و سلامت وب سایت به جنبه های مختلفی بستگی دارد. اگر وب سایت شما عقب افتاده است، ببینید با این راهنما چه چیزی را می توانید بهبود بخشید.

راه‌اندازی و اجرای یک وب‌سایت یا پروژه تجارت الکترونیک عالی است – با این حال، زمانی که سایت شما راه‌اندازی می‌شود، کار شما به پایان نمی‌رسد. بدون نظارت مناسب بر سلامت و عملکرد، وب سایت شما متحمل عواقب خواهد شد – که می تواند بسیار بیشتر از سرعت بارگذاری پایین باشد

بیایید توجه خود را به یک سناریوی فرضی و ایده آل معطوف کنیم که در آن همه وب سایت های جهان همانطور که باید کار می کنند. آیا می‌دانستید که به غیر از افزایش سرسام‌آور رضایت کاربران، ما به یک محیط بهتر نیز کمک می‌کنیم؟

وب‌سایت‌هایی که عملکرد ضعیفی دارند نه تنها بر افرادی که آنها را ایجاد یا استفاده می‌کنند تأثیر می‌گذارند، بلکه ردپای کربن بزرگ‌تری نیز از خود به جای می‌گذارند. بر اساس محاسبه‌گر کربن وب سایت، وب‌سایت‌ها دارای ردپای کربن هستند و متوسط ​​صفحه وب‌سایت در هر بازدید 0.5 گرم دی اکسید کربن منتشر می‌کند. این فقط میانه است. وقتی به میانگین نگاه می کنیم، که وب سایت های پر آلاینده را نیز در نظر می گیرد، این عدد به 0.9 گرم می رسد.

جدا از مسائل در مقیاس جهانی، یک وب سایت ناسالم و با عملکرد ناکافی برای شما زمان، پول و درآمد هزینه خواهد داشت. سلامت وب سایت مشابه ما است: نادیده گرفتن آن آسان و بهبود آن دشوار است.

برای کمک به صرفه جویی در زمان پردازش، باید از مؤلفه های اصلی که سلامت وب سایت را تشکیل می دهند آگاه باشید. با ظهور وب سایت سازهای سریع و آسان، ساخت وب سایت ها برای همه قابل دسترس شده است. تنها کاری که باید انجام دهید این است که ثبت نام کنید، یک دامنه انتخاب کنید، الگوی خود را انتخاب کنید و voila! شما در عرض چند ثانیه یک وب سایت دارید.

با این حال، بسیاری از صاحبان وب سایت این واقعیت را رد می کنند که ایجاد وب سایت تنها اولین قدم است. نگهداری عملکرد مناسب و نظارت بر سلامت نیز بسیار مهم است. و در این یادداشت، بیایید به برخی از شاخص‌های ضروری سلامت و عملکرد وب‌سایت نگاه کنیم: این شاخص‌ها چیست، چگونه می‌توان آن‌ها را نظارت کرد و چگونه می‌توان آن‌ها را بهبود بخشید.

جنبه هایی برای نظارت بر امتیاز سلامت وب سایت بالا

Core Web Vitals

Google PageSpeed Insights

اولین معیارهایی که باید هنگام انجام تست عملکرد در نظر بگیرید، Core Web Vitals شما هستند. این شاخص های عملکرد سرعت، ثبات و پاسخگویی را نشان می دهند و به شما کمک می کنند کیفیت تجربه کاربری وب سایت خود را درک کنید.

چندین ابزار، Core Web Vitals شما را ردیابی می کنند، اما بسیاری از صاحبان وب سایت به سمت یک ابزار ساده گرایش دارند: Google PageSpeed ​​Insights.

پس از وارد کردن URL خود در ابزار، گزارشی به شما ارائه می‌شود که نشان می‌دهد آیا آزمون Core Web Vitals خود را قبول کرده‌اید یا خیر و هر جنبه دیگری که باید مراقب آن باشید. در اینجا سه ​​معیار کلیدی وجود دارد که خواهید دید:

Largest Contentful Paint (LCP) بزرگترین رنگ محتوایی (LCP)

امتیاز 2.5 ثانیه یا کمتر را هدف بگیرید. اگر امتیاز شما بیش از 2.5 ثانیه است، این می تواند نشان دهنده موارد زیر باشد: سرور شما عقب مانده است، زمان بارگذاری منابع به یک اندازه نیست، تعداد زیادی جاوا اسکریپت و CSS مسدود کننده رندر دارید، یا رندر آهسته در سمت مشتری وجود دارد.

First Input Delay (FID) تاخیر ورودی اول (FID)

امتیاز 100 میلی ثانیه یا کمتر را هدف بگیرید. اگر امتیاز شما از آن زمان بیشتر شود، ممکن است لازم باشد تأثیر کد شخص ثالث را کاهش دهید، زمان اجرای جاوا اسکریپت را کاهش دهید، کار رشته اصلی را به حداقل برسانید، اندازه انتقال را کوچک نگه دارید و تعداد درخواست ها را کم کنید.

Cumulative Layout Shift (CLS) تغییر چیدمان تجمعی (CLS)

امتیاز 0.1 یا کمتر را هدف بگیرید. اگر امتیاز شما بیشتر از این باشد، می‌توانید با قرار دادن ویژگی‌های اندازه در محتوای بصری و ویدیویی خود (یا با جعبه‌های نسبت ابعاد CSS فضا را رزرو کنید) از تغییرات طرح‌بندی تصادفی جلوگیری کنید. از همپوشانی محتوای خود پرهیز کنید و هنگام انتقال متحرک مراقب باشید.

مسدود کننده های سرعت صفحه

عوامل متعددی می تواند بر سرعت بارگذاری وب سایت شما تأثیر بگذارد. با این حال، اگر بودجه زمانی دارید و می‌خواهید ابتدا روی مقصران اصلی تمرکز کنید، به عوامل زیر توجه زیادی داشته باشید:

• جاوا اسکریپت و کد CSS استفاده نشده.
• رندر مسدود کردن جاوا اسکریپت و کد CSS.
• جاوا اسکریپت و کد CSS Unminified.
• اندازه فایل های تصویری بزرگ.
• تعداد زیادی زنجیره تغییر مسیر.

به منظور بهبود بارگذاری فایل های جاوا اسکریپت و CSS، آنها را از قبل بارگذاری کنید. گزینه دیگر فعال کردن نکات اولیه است که به مرورگر در پاسخ سرور HTTP می گوید که با استفاده از “زمان تفکر سرور” باید دانلود کدام منابع را شروع کند و در نتیجه سرعت بارگذاری صفحه را افزایش دهد. برای تست وب سایت خود:

• به https://pagespeed.web.dev/ بروید
• آدرس صفحه ای را که می خواهید اسکن کنید وارد کنید.

من توصیه می کنم ابتدا صفحه اصلی خود را انتخاب کنید.

یکی دیگر از ابزارهای مفید WebPageTest.org است که همچنین Core Web Vitals و سایر معیارهای شما را نشان می دهد که می تواند به شما در بهبود عملکرد و سلامت وب سایت شما کمک کند. همچنین، رایگان است!

به سادگی یک URL صفحه را در کادر جستجوی نشان داده شده در سایت قرار دهید و یک آزمایش کامل را از یک مکان پیش فرض انجام می دهد. همچنین می‌توانید به‌عنوان کاربر ثبت‌نام کنید و از میان فهرستی از مکان‌ها، وب‌سایت خود را از کشورها، دستگاه‌ها و مرورگرهای مختلف آزمایش کنید.

WebPageTest دقیقاً به شما نشان می دهد که وب سایت شما از نظر عملکرد در کجا قرار دارد و چه چیزی می تواند از طریق یک خلاصه عملکرد متشکل از چهار بخش کلیدی: فرصت ها و آزمایش ها، معیارهای مشاهده شده، اندازه گیری های واقعی کاربر، و اجراهای فردی، آن را کند کند.

در UCRAFT، ما از ترکیبی از ابزارها مانند PageSpeed ​​Insights، Chrome Dev Tools، WebPageTest و چندین ابزار دیگر استفاده می‌کنیم تا به درک روشنی از آنچه باید در مورد عملکرد وب‌سایتمان کار کنیم – به ویژه از آنجایی که صنعت SaaS در حال حاضر بسیار رقابتی

عناصر طراحی

وقتی به عملکرد وب سایت و نظارت بر سلامت فکر می کنیم، معمولاً رسیدگی به این موارد را به تیم فناوری واگذار می کنیم. اما اگر به شما بگویم که چگونه وب سایت خود را طراحی می کنید و عناصری که انتخاب می کنید می توانند عملکرد شما را ایجاد کنند یا خراب کنند، چه؟

درست است – وقت آن است که تیم طراحی را درگیر کنید.

بهینه سازی تصویر

تصاویر عالی هستند، اما اگر اندازه مناسبی نداشته باشند می توانند سرعت وب سایت شما را کاهش دهند. مطمئن شوید که اندازه تصاویر خود را تغییر داده اید و از آپلود فایل های غول پیکر در زمانی که به طور کامل نشان داده نمی شوند خودداری کنید.

به همین ترتیب، تصاویر خود را فشرده کنید و به جای انتخاب فایل های سنگین تر JPEG یا PNG، انواع فایل های مختلف مانند WebP، JPEG 2000 و JPEG XR را امتحان کنید. اجرای بارگذاری تنبل بومی را در نظر بگیرید تا مطمئن شوید که تصاویر هنگام مشاهده آنها بارگذاری می شوند، به جای اینکه همه آنها را به یکباره بارگیری کنید.

تقریباً همه مرورگرها، از جمله کروم، سافاری و فایرفاکس، از ویژگی loading=”lazy” در <img> یا <iframe> پشتیبانی می‌کنند، که به مرورگر می‌گوید زمانی که کاربر به آنها نزدیک‌تر می‌شود، آنها را بارگذاری کند.

مطمئن شوید که تصاویر را با تنبلی بارگذاری نکنید، زیرا امتیاز LCP صفحه شما را کاهش می‌دهد و Google توصیه می‌کند برای بهبود LCP از ویژگی fetchpriority=”high” در تصاویر بالای صفحه استفاده کنید.

اگر از آن ویژگی استفاده می کنید، نیازی به بارگذاری اولیه تصاویر نیست. شما باید از قبل بارگذاری کنید یا ویژگی “fetchpriority” را روی تصاویر بالای تاشو تنظیم کنید.

همچنین، از ویژگی “srcset” برای بارگیری تصاویر با اندازه مناسب بر اساس اندازه صفحه استفاده کنید و از بارگذاری تصاویر بزرگ اضافی روی صفحه نمایش های کوچک خودداری کنید. این به بهبود امتیاز LCP کمک زیادی می کند.

Fonts

خواندن فونت های سفارشی زیاد برای کاربران بدون دید 20/20 اغلب چالش برانگیز است، اما همچنین می توانند به طور قابل توجهی سرعت وب سایت شما را کاهش دهند.

فونت‌های میزبان خارجی را برای فونت‌های ایمن بیشتر در وب تغییر دهید، و فونت‌های Google را امتحان کنید – تا زمانی که از طریق CDN Google میزبانی می‌شوند. علاوه بر این، ترکیب فونت های متغیر را در زیبایی عمومی وب سایت خود در نظر بگیرید، زیرا این مشخصات فونت می تواند اندازه فایل فونت را به میزان قابل توجهی کاهش دهد.

حتما فونت های خود را از قبل بارگذاری کنید.

انیمیشن ها/ویژگی های اضافی

ناگفته نماند: در مورد انیمیشن‌ها، ویدیوها، جلوه‌های ویژه، لغزنده‌ها یا سایر عناصر فانتزی زیاده روی نکنید. گنجاندن برخی از عناصر تعاملی اینجا و آنجا خوب است، اما اشباع کردن وب سایت شما با “چیزهای” متحرک بیش از حد می تواند برای کاربران و سرورهای شما ناامید کننده باشد.

از انیمیشن‌های غیر ترکیبی استفاده نکنید، زیرا باعث رنگ‌آمیزی مجدد صفحه می‌شوند، که کار رشته اصلی را افزایش می‌دهد – و صفحه وب ممکن است هنگام بارگیری از نظر بصری ناپایدار به نظر برسد.

راه حل PWA برای بهینه سازی موبایل

چرا کل مسیر سازگار با موبایل را طی نمی کنید و سایت تلفن همراه خود را به یک برنامه وب پیشرفته (PWA) تبدیل نمی کنید؟

از آنجایی که PWA ها با کارگران سرویس ساخته می شوند، محتوای کش شده را با سرعت بیشتری بارگیری می کنند. نه تنها این، بلکه PWA ها شبیه برنامه های موبایل بومی هستند که برای عملکرد و UX عالی است.

معیارهای عملکرد فنی اضافی

Uptime

Uptime نشان می دهد که وب سایت شما چقدر خوب کار می کند. اگر وب سایت شما به طور مکرر از کار بیفتد یا سقوط کند، به تجربه کاربری، رتبه بندی گوگل و در نتیجه به درآمد شما آسیب می رساند. در صورت امکان، سعی کنید 99.999٪ آپتایم داشته باشید و وب سایت خود را از مکان های مختلف آزمایش کنید.

ابزارهای نظارت بر زمان کار:

• StatusCake.
• Pingdom.
• Better Uptime.
• UptimeRobot.

عملکرد پایگاه داده

اگر اصول اولیه را بررسی کرده اید و وب سایت شما همچنان کند است، ممکن است به دلیل عملکرد ضعیف پایگاه داده باشد. می‌توانید با نظارت بر زمان پاسخ‌گویی به پرسش‌های خود و مشخص کردن جستجوهای پایگاه داده که بیشترین زمان را می‌گیرند، این موضوع را بررسی کنید. وقتی این کار را انجام دادید، بهینه سازی کنید! می توانید از ابزارهایی مانند Blackfire.io استفاده کنید تا به شما کمک کند به راحتی گلوگاه ها را شناسایی کنید و راه حل هایی را بر اساس داده های دقیق پیدا کنید.

سخت افزار وب سرور

اگر فضای دیسک شما مملو از فایل‌های گزارش، تصاویر، ویدئوها و ورودی‌های پایگاه داده باشد، ممکن است وب‌سایت شما تاخیر داشته باشد. مطمئن شوید که بارگذاری واحد پردازش مرکزی (CPU) خود را به طور مرتب نظارت کنید، به خصوص پس از اجرای به‌روزرسانی‌ها یا تغییرات طراحی.

ابزارهایی مانند New Relic می توانند به شما در بهبود کل پشته خود از طریق نظارت کارآمد و اشکال زدایی کمک کنند.

مشاهده جستجو

بسیاری از معیارهای مورد بحث در بالا در حال حاضر تأثیر قابل توجهی بر رویت جستجو دارند. بنابراین وقتی صفحات وب سایت خود را از طریق Google PageSpeed ​​Insights اجرا می کنید و آنها را بهینه می کنید، کارهای مهمی برای سئوی خود نیز انجام می دهید.

همچنین می‌توانید ابزارهای خزنده وب‌سایت مانند Semrush یا Sitechecker.pro، Screaming Frog، DeepCrawl یا هر ابزار دیگری را انتخاب کنید که به بهترین وجه با نیازهای شما مطابقت دارد. خزنده های وب سایت به یافتن انواع مشکلات کمک می کنند، مانند:

• لینک های خراب
• تصاویر شکسته
• معیارهای حیاتی وب اصلی را رصد کنید.
• تغییر مسیر زنجیره ها
• خطاهای داده های ساختاری
• صفحات بدون فهرست
• عنوان و توضیحات متا وجود ندارد.
• محتوای ترکیبی

در مورد نکات زیر مطمئن شوید که همه چیز آماده است:

نقشه سایت XML – مطمئن شوید که نقشه سایت شما به درستی قالب بندی شده است و بررسی کنید که آیا به روز رسانی و ارسال مجدد نقشه سایت خود از طریق کنسول جستجوی گوگل ضروری است یا خیر.

Robots.txt – مطمئن شوید که از یک فایل robots.txt برای صفحات وب خود (HTML، PDF یا هر فرمت غیر رسانه ای دیگری که موتورهای جستجو می توانند بخوانند) استفاده می کنید تا ترافیک خزیدن را بهتر مدیریت کنید، به خصوص اگر گمان می کنید سرور شما ممکن است تحت فشار قرار گرفته باشد. درخواست های خزنده گوگل

امنیت وب سایت و ذخیره سازی

گواهی SSL خود را دریافت کنید!

یک وب سایت سالم یک وب سایت امن است. حتی اگر وب سایت شما در زمان مناسب بارگیری شود و امتیاز ۱۰۰/۱۰۰ را کسب کند، اگر با https:// شروع نشود، هیچ راهی وجود ندارد که کاربران (یا موتورهای جستجو) به سایت شما اعتماد کنند.

گواهی SSL اساساً کدی در سرور شما است که یک اتصال رمزگذاری شده ایجاد می کند و تضمین می کند که داده های کاربر ایمن باقی می مانند. دریافت گواهینامه SSL فرآیند دشواری نیست، اما زمانی که به صورت دستی انجام شود می تواند طولانی باشد.

با این حال، اگر از یک ارائه دهنده میزبانی معتبر مانند BlueHost استفاده می کنید، اغلب اوقات، ارائه دهنده شما می تواند یک SSL رایگان برای دامنه شما صادر کند.

استفاده از CDN را در نظر بگیرید

شبکه های تحویل محتوا (CDN) سرورهای توزیع شده ای هستند که به طور هماهنگ برای ارائه محتوای اینترنتی سریع کار می کنند.

به عبارت دیگر، CDN ابزاری است که بدون توجه به موقعیت جغرافیایی وب سایت شما را با نگه داشتن محتوای آن در سرورها نزدیک به کاربران، سرعت بخشیدن به عملکرد وب سایت شما را افزایش می دهد. این به عنوان کش نیز شناخته می شود.

اگر حضور جهانی دارید، CDN ضروری است! سرعت بارگذاری صفحه شما را افزایش می‌دهد، هزینه‌های پهنای باند شما را کاهش می‌دهد، ترافیک شما را پخش می‌کند (احتمال خراب شدن سایت شما را کاهش می‌دهد) و امنیت را از طریق ویژگی‌هایی مانند کاهش DDoS افزایش می‌دهد.

بازیکنان برتر این صنعت عبارتند از Cloudflare، Amazon Cloudfront و Google Cloud CDN. با این حال، گزینه های بسیار دیگری وجود دارد، بنابراین تحقیق کنید و بهترین CDN را برای وب سایت و الزامات کسب و کار خود انتخاب کنید.

راه اندازی فایروال برنامه وب

فایروال برنامه وب (WAF) با فیلتر کردن ترافیک مشکوک HTTP از برنامه های کاربردی وب محافظت می کند. هدف آن جلوگیری از حملات برنامه های کاربردی مانند:

• جعل متقاطع سایت.
• Cross-site-scripting (XSS)
• گنجاندن فایل.
• تزریق SQL.

در زیر لیستی از محبوب ترین و قابل اعتمادترین فایروال های برنامه های کاربردی وب آمده است:

• Cloudflare WAF.
• GoDaddy Firewall.
• Microsoft Azure.

یا اگر از وردپرس استفاده می کنید، می توانید افزونه هایی مانند:

• WordFence.
• سوکوری.
• امنیت همه در یک (AIOS).

حکم

این یک بسته بندی است! همانطور که می توانید بگویید، عملکرد و سلامت وب سایت به جنبه های مختلفی بستگی دارد.

اگر وب سایت شما عقب افتاده است، اولین قدم منطقی این است که Core Web Vitals خود را بررسی کنید و ببینید چه چیزی را می توانید بهبود بخشید. همچنین می توانید به معیارهای فنی دیگر نگاهی بیندازید و آنها را بهبود ببخشید.

سئو همچنین برای سلامت وب سایت شما حیاتی است، بنابراین نمایان بودن جستجو، پیوندها و مسدود کننده های بار بالقوه خود را بررسی کنید تا ببینید چه چیزی را می توانید بهبود بخشید.

و گواهی SSL و حافظه پنهان را نیز فراموش نکنید. طراحی وب سایت شما همچنین می تواند بر سرعت بارگذاری و عملکرد شما تأثیر بگذارد، به خصوص اگر شما یا طراحان شما علاقه مند به استفاده از عناصر طراحی سنگین هستید.

به یاد داشته باشید که تصاویر خود را بهینه کنید، از فونت های سنگین اجتناب کنید و از انیمیشن ها در حد اعتدال استفاده کنید.