ترفند های افزایش سرعت وب سایت ( قسمت ۱)

فکر می کنید سرعت بخشیدن به وب سایت شما مهم نیست؟

دوباره فکر کنید…

تاخیر یک ثانیه در زمان بارگیری صفحه بازده:

• ۱۱٪ بازدید صفحه کمتر
• ۱۶٪ کاهش رضایت مشتری
• ۷٪ ضرر در تبدیلات

چگونه بهینه سازی سرعت وب سایت بر تبدیلات تأثیر می گذارد.

سایت های کند ، تبدیلات را از بین می برند .

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

به هر حال، به عنوان بزرگترین موتور جستجو در جهان، گوگل می تواند تأثیر عمده ای در موفقیت شما داشته باشد.

بنابراین استفاده از استانداردهای آنها برای افزایش سرعت وب سایت به عنوان استانداردهای شما ایده بدی نیست.

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

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

و اگر به نظر می رسد این تعداد بسیار زیاد است – نگران نباشید.

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

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

 

با این حساب ، بیایید شروع کنیم.

۱ – درخواست های HTTP را به حداقل برسانید

طبق گفته یاهو ، ۸۰٪ از زمان بارگیری یک صفحه وب برای بارگیری  قسمت های مختلف صفحه مانند تصاویر ، صفحه های سبک و اسکریپت ها صرف می شود.

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

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

اگر از Google Chrome استفاده می کنید ، می توانید با استفاده از ابزارهای توسعه دهنده مرورگر تعداد درخواستهای HTTP سایت خود را ببینید.

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

اگر زبانه “Network” را مشاهده نمی کنید ، ممکن است لازم باشد نوار کناری Developer Tools را با کشیدن مرز سمت چپ به سمت چپ گسترش دهید.

ستون “Name” تمام پرونده های صفحه را نشان می دهد ، ستون “Size” اندازه هر پرونده را نشان می دهد و ستون “Time” مدت زمان بارگیری هر پرونده را نشان می دهد.

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

کاهش این تعداد درخواست به سایت شما سرعت می بخشد ، پرون

ده های خود را جستجو کنید و موارد غیر ضروری را بررسی کنید.

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

 

۲-  فایل هارا را کم و ترکیب کنید

اکنون که می دانید سایت شما چند درخواست می کند ، می توانید در زمینه کاهش این تعداد کار کنید. بهترین مکان برای شروع کار با فایل های HTML ، CSS و JavaScript است.

اینها فایلهای بسیار مهمی هستند ، زیرا ظاهر سایت شما را تعیین می کنند و همچنین بهینه کردن اینها سرعت سایت شما را افزایش می‌دهد.

آنها همچنین به تعداد درخواست های سایت شما در هر بار بازدید کاربر از آن اضافه می کنند.

با “کوچک کردن” و ترکیب پرونده‌های خود می‌توانید این تعداد را کاهش دهید. این موضوع باعث کاهش اندازه هر فایل و همچنین تعداد کل پرونده‌ها می شود.

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

کوچک کردن یک فایل شامل حذف قالب‌بندی ، فضای‌خالی و کد غیرضروری است.

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

ترکیب پرونده ها دقیقاً همان چیزی است که به نظر می رسد. اگر سایت شما چندین پرونده CSS و JavaScript را اجرا می کند ، می‌توانید آنها را در یک فایل ترکیب کنید.

روش‌های مختلفی برای کوچک کردن و ترکیب فایل‌ها وجود دارد ، و اگر سایت شما با وردپرس اجرا می شود ، افزونه هایی مانند WP Rocket  روند کار را بسیار ساده می کنند.

اگر این افزونه را نصب کرده اید ، به برگه “Static Files” بروید و پرونده هایی را که می خواهید کوچک و ترکیب کنید بررسی کنید.

این می تواند شامل پرونده های HTML ، CSS و JavaScript و همچنین Google Fonts باشد.

سپس ، “ذخیره تغییرات” را فشار دهید تا مراحل انجام شود. می‌توانید صفحه خود را بارگیری کنید و دوباره به ابزارهای برنامه نویس نگاه کنید تا تأثیری را که تغییرات شما ایجاد کرده مشاهده کنید.

وقتی صحبت از وب سایت شما می‌شود ،  حجم کمتر بهتر است. هرچه عناصر موجود در یک صفحه کمتر باشد ، درخواستهای HTTP کمتر برای ارائه رندر به صفحه نیاز دارد – و سرعت بارگیری آن سریعتر است.

۳- از بارگذاری همزمان برای پرونده های CSS و JavaScript استفاده کنید

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

اسکریپت هایی مانند CSS و JavaScript به دو روش مختلف بارگیری می شوند: همزمان یا غیر همزمان.

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

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

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

اگر به یک فایل CSS یا JavaScript دسترسی پیدا کند که همزمان نباشد ، بارگیری متوقف می شود تا زمانی که آن فایل خاص را بارگیری کند.

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

با استفاده از همان برگه “Static Files” از افزونه WP Rocket ، گزینه های کنار “Render-blocking CSS / JS” را علامت بزنید.

روی «ذخیره تغییرات» کلیک کنید ، سپس سایت خود را آزمایش کنید تا مطمئن شوید همه چیز به درستی بارگیری می شود.

۴ –  بارگذاری JavaScript را به تعویق بیندازید

به تعویق انداختن یک پرونده به معنای جلوگیری از بارگیری آن تا بعد از بارگیری سایر عناصر است.

اگر پرونده های بزرگتر مانند JavaScript را به تعویق بیندازید ، اطمینان حاصل کنید که بقیه مطالب شما بدون تأخیر بارگیری می شوند.

اگر یک سایت وردپرسی دارید ، می توانید با افزونه WP Rocket که در بالا ذکر شد بارگیری تاخیری JavaScript را فعال کنید.

به سادگی کادر کنار “بارگذاری پرونده های JS به تعویق افتاده” را علامت بزنید .

اگر سایت HTML دارید ، باید قبل از برچسب </ body> با یک فایل JavaScript خارجی تماس بگیرید ، چیزی شبیه به این:

۵ –  زمان را برای بایت اول به حداقل برسانید

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

زمان اولین بایت یا TTFB ، مدت زمانی است که مرورگر باید قبل از دریافت اولین بایت داده از سرور منتظر بماند.

گوگل TTFB کمتر از ۲۰۰ میلی ثانیه را توصیه می کند .

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

هنگامی که یک کاربر از سایت شما بازدید می کند ، مرورگر وی درخواست HTTP را به سرور میزبان آن می فرستد.

سه مرحله وجود دارد که باید بین آن درخواست اولیه و بایت اول داده انجام شود:

1. جستجوی DNS
2. پردازش سرور
3. واکنش

با استفاده از ابزار Developer Chrome یا یک ابزار شخص ثالث می توانید مدت زمان این فرآیند را برای سایت خود ببینید.

اگر از Developer Tools استفاده می کنید، لازم است به یاد داشته باشید که زمان پاسخ می تواند تحت تأثیر اتصال به اینترنت شما باشد. بنابراین هرچه اتصال خودتان کندتر باشد ، پاسخ سرور شما نیز کندتر ظاهر می شود.

برای دسترسی به این اطلاعات در Developer Tools ، بر روی زبانه “Network” کلیک کنید و ماوس را در بالای مورد در ستون “Waterfall” قرار دهید.

همچنین می توانید از هر تعداد ابزار شخص ثالث رایگان مانند WebPageTest  سایت خود را از یک مرکز داده تست کنید.

ر TTFB شما زیر ۲۰۰ میلی ثانیه باشد ، حالت خوبی دارید.

در غیر این صورت ، ریشه می تواند چند مسئله مختلف باشد.

به طور کلی ، بیشتر مشکلات با TTFB آهسته  ناشی از مشکلات شبکه ، ایجاد محتوای پویا ، پیکربندی وب سرور و ترافیک است.

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

 

برخلاف صفحات ساکن ، یک سرور قبل از پاسخ دادن باید “یک فایل پویا” ایجاد

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

این بدان معناست که آنها قبل از تحویل باید با یک پایگاه داده ارتباط برقرار کنند تا با PHP “ساخته شود”.

با فعال کردن حافظه پنهان می توانید مدت زمان این کار را کاهش دهید – که در عرض یک دقیقه به آن می رسیم.

۶ – زمان پاسخ سرور را کاهش دهید

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

DNS یا سیستم نام دامنه ، سروری است که دارای پایگاه داده آدرس های IP و نام میزبان مربوط به آنهاست.

وقتی کاربر URL را در مرورگر خود تایپ می کند ، سرور DNS همان چیزی است که آن URL را به آدرس IP ترجمه می کند که موقعیت آن را بصورت آنلاین نشان می دهد.

بنابراین جستجوی DNS فرآیند یافتن یک رکورد خاص DNS است. می توانید فکر کنید که رایانه شما به دنبال شماره ای در دفترچه تلفن است.

ISP شما برای یافتن آدرس IP مرتبط با آن URL ، جستجوی DNS را انجام می دهد.

یک آدرس IP مانند ۵۲.۴۰.۵۷.۱۵۸.۴۴۳ دریافت می کند ، که به آن می گوید سایت مورد نظر خود را از کجا پیدا کند.

این مرحله باعث می شود کاربران نیازی به حفظ رشته های طولانی اعداد برای دسترسی آنلاین به اطلاعات نداشته باشند.

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

می توانید این گزارش مقایسه سرعت DNS را که به صورت ماهانه به روز می شود، بررسی کنید تا از مکان ذخیره سازی ارائه دهنده خود مطلع شوید و ببینید کدام ارائه دهندگان سرعت بالاتری ارائه می دهند.

اگر از DNS کند استفاده می کنید ، این مدت زمان لازم برای مرورگرها برای یافتن سایت شما را افزایش می دهد. تغییر به یک ارائه دهنده سریعتر DNS می تواند روند کار را تسریع کند.

۷ – گزینه میزبانی مناسب را برای نیازهای خود انتخاب کنید

بیشتر صاحبان سایت جدید ارزان ترین گزینه ممکن را برای میزبانی انتخاب می کنند.

از هاست خود کوتاهی نکنید ، هاستی را تهیه کنید که بتوانید به آن اعتماد کنید.

هنگام مشاهده هاست ، سه گزینه مختلف دارید:

• هاست مشترک
• هاستVPS
• سرور اختصاصی

هاست مشترک ارزانترین گزینه است و اغلب می توانید آن را با هزینه ای در حدود ۱۰۰ هزار تومان در ماه دریافت کنید.

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

و این امکان وجود دارد که سایت شما تحت تأثیر ترافیک سایت‌های دیگر با استفاده از همان سرور شما قرار گیرد.

با هاست اشتراکی، منابع خاصی مانند CPU ، فضای دیسک و RAM را با سایر سایت‌های میزبان شده در همان سرور به اشتراک می‌گذارید.

با هاست VPS ، شما هنوز یک سرور را با سایت های دیگر به اشتراک می گذارید ، اما بخشهای اختصاصی منابع سرور را دارید.

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

KeyCDN این موضوع را با استفاده از تشبیه زندگی در آپارتمان در مقابل زندگی در کانکس توضیح می دهد .

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

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

بنابراین می توانید هاست اختصاصی را به عنوان داشتن خانه در نظر بگیرید. شما منابع خود را با شخص دیگری به اشتراک نمی گذارید و مسئولیت کلیه امور نگهداری را به عهده دارید.

با وجود یک سرور اختصاصی ، فضای شما بسیار بیشتر است – اما همچنین با پیکربندی و تنظیمات فنی کار بیشتری دارید.

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

هرچند که حدس زده اید گرانترین گزینه است.

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