ابزار و نرم افزارها : چگونه مطمئن شویم که وب‌سایت ما به درستی کار می‌کند؟

در این مقاله، مراحل مختلف عیب‌یابی وب‌سایت و برخی اقدامات اساسی برای حل این مشکلات را بررسی می‌کنیم.

   خب، وب‌سایت خود را آنلاین منتشر کرده‌اید؟ خیلی خوب! اما آیا مطمئن هستید که به درستی کار می‌کند؟ یک سرور وب از راه دور اغلب رفتاری کاملاً متفاوت از یک سرور محلی دارد، بنابراین ایده خوبی است که وب‌سایت خود را پس از آنلاین شدن آزمایش کنید. ممکن است از تعداد زیاد مشکلاتی که پیش می‌آید شگفت‌زده شوید: تصاویر نمایش داده نمی‌شوند، صفحات بارگذاری نمی‌شوند یا به کندی بارگذاری می‌شوند و غیره. اغلب اوقات مسئله مهمی نیست، فقط یک اشتباه ساده یا مشکلی در پیکربندی میزبانی وب شماست. بیایید ببینیم چگونه این مشکلات را تشخیص داده و حل کنیم.

در مرورگر خود تست کنید

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

تصویر کجاست؟

   بیایید به وب‌سایت شخصی خودمان، نگاهی بیندازیم. تصویری که انتظار داشتیم را نشان نمی‌دهد!

   ابزار شبکه فایرفاکس (Tools ➤ Web Developer ➤ Network) را باز کنید و صفحه را مجدداً بارگذاری کنید:

   مشکل اینجاست، آن "404" در پایین. "404" به معنی "منبع یافت نشد" است، و به همین دلیل ما تصویر را ندیدیم.

وضعیت‌های HTTP

   سرورها هر زمان که درخواستی دریافت می‌کنند، با یک پیام وضعیت پاسخ می‌دهند. در اینجا رایج‌ترین وضعیت‌ها آمده است: 200: تأیید منبعی که درخواست کرده بودید تحویل داده شد. 301: به طور دائم منتقل شد منبع به مکان جدیدی منتقل شده است. شما این مورد را در مرورگر خود زیاد نخواهید دید، اما خوب است که در مورد "301" بدانید زیرا موتورهای جستجو از این اطلاعات برای به‌روزرسانی فهرست‌های خود زیاد استفاده می‌کنند. 304: اصلاح نشده فایل از آخرین باری که درخواست آن را داده‌اید تغییر نکرده است، بنابراین مرورگر شما می‌تواند نسخه را از حافظه پنهان خود نمایش دهد، که منجر به زمان پاسخ سریع‌تر و استفاده کارآمدتر از پهنای باند می‌شود. 403: ممنوع شما مجاز به نمایش منبع نیستید. معمولاً این مشکل مربوط به یک اشتباه پیکربندی است (مثلاً ارائه دهنده میزبانی وب شما فراموش کرده است که به شما حق دسترسی به یک دایرکتوری را بدهد). 404: یافت نشد نیازی به توضیح ندارد. در ادامه نحوه حل این مشکل را بررسی خواهیم کرد. 500: خطای داخلی سرور مشکلی در سرور پیش آمده است. برای مثال، شاید زبان سمت سرور (PHP، .Net و غیره) از کار افتاده باشد، یا خود وب سرور مشکل پیکربندی داشته باشد. معمولاً بهتر است به تیم پشتیبانی ارائه دهنده خدمات میزبانی خود مراجعه کنید. 503: سرویس در دسترس نیست معمولاً ناشی از اضافه بار کوتاه مدت سیستم است. سرور نوعی مشکل دارد. کمی بعد دوباره امتحان کنید. به عنوان مبتدیانی که وب سایت (ساده) ما را بررسی می‌کنند، اغلب با 200، 304، 403 و 404 سروکار خواهیم داشت.

رفع خطای ۴۰۴

   خب، چه اشتباهی رخ داد؟

   در نگاه اول، تصویری که درخواست کرده بودیم در جای درست خود قرار دارد، اما ابزار شبکه خطای "404" را گزارش داد. مشخص شد که ما در کد HTML خود اشتباه تایپی داشته‌ایم: به جای . بنابراین، با تغییر ویژگی src تصویر، اشتباه تایپی را در ویرایشگر کد خود اصلاح کنید:

   ذخیره کنید، به سرور ارسال کنید و صفحه را در مرورگر خود مجدداً بارگذاری کنید:

   خب! بیایید دوباره به وضعیت‌های HTTP نگاهی بیندازیم: ۲۰۰ برای و برای به این معنی است که ما در بارگذاری مجدد صفحه و تصویر موفق بوده‌ایم. ۳۰۴ برای به این معنی است که این فایل از آخرین درخواست تغییر نکرده است، بنابراین مرورگر می‌تواند به جای دریافت یک نسخه جدید، از فایل موجود در حافظه پنهان خود استفاده کند. بنابراین ما خطا را برطرف کردیم و در طول مسیر چند وضعیت HTTP یاد گرفتیم!

ارور های رایج

   رایج‌ترین خطاهایی که ما می‌بینیم اینها هستند:

غلط املایی در آدرس

   می‌خواستیم آدرسی را تایپ کنیم اما خیلی سریع تایپ کردیم و فراموش کردیم یک حرف را وارد کنیم:

   طبیعتا آدرس پیدا نمیشود.

خطاهای ۴۰۴

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

خطاهای جاوا اسکریپت

   شخصی (احتمالاً شما) یک اسکریپت به صفحه اضافه کرده و اشتباه کرده است. این کار مانع از بارگیری صفحه نمی‌شود، اما احساس خواهید کرد که مشکلی پیش آمده است. کنسول (Tools ➤ Web developer ➤ Web Console) را باز کنید و صفحه را دوباره بارگذاری کنید:

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

موارد بیشتر برای بررسی

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

سرعت اجرا

   آیا صفحه به اندازه کافی سریع بارگذاری می‌شود؟ منابعی مانند WebPageTest.org یا افزونه‌های مرورگر مانند YSlow می‌توانند چند نکته جالب را به شما بگویند:

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

آیا سرور به اندازه کافی پاسخگو است؟

   پینگ یک ابزار پوسته مفید است که نام دامنه‌ای که ارائه می‌دهید را آزمایش می‌کند و به شما می‌گوید که آیا سرور پاسخ می‌دهد یا خیر:

   فقط یک میانبر صفحه کلید مفید را در نظر داشته باشید: . یک سیگنال "وقفه" به زمان اجرا می‌فرستد و به آن می‌گوید که متوقف شود. اگر زمان اجرا را متوقف نکنید، پینگ به طور نامحدود سرور را پینگ می‌کند.

یک چک لیست ساده

   - خطاهای ۴۰۴ را بررسی کنید - مطمئن شوید که همه صفحات وب مطابق انتظار شما رفتار می‌کنند - وب‌سایت خود را در چندین مرورگر بررسی کنید تا مطمئن شوید که به طور مداوم نمایش داده می‌شود