افزایش سرعت لود سایت بخش1

سئو (SEO) مخفف عبارت  Search E ngine Optimization ،  به معنی بهینه سازی سایت برای موتور های جستجو است و به مجموعه کارهایی  گفته می شود که بر روی وب سایت انجام می شود تا موتور های جستجو  سایت را بهتر بشناسند و  آن را در نتایج اول جستجو قرار دهند.

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

 منظور  از سرعت لود وب سایت چیست؟

مدت زمانی که طول می کشد تا مرورگر کد سایت شما( کد های css,html,javascript و تصاویر) را دانلودکند.

چگونه سرعت سایت را اندازه گیری کنیم؟

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

تغییرات مربوط به سرور

1-فعال سازی  HTTP KeepAlive

فرض کنید تعداد فایل های لازم برای ایجاد یک صفحه همانند فایل های  html.css,js و تصاویر به ده برسد. با فعال کردن KeepAlive، به جای ایجاد و خاتمه ده ها ارتباط از یک ارتباط استفاده می شود. و در نتیجه تاثیر زیادی در سرعت لود سایت خواهد  داشت.(KeepAlive چیست؟)

نحوه فعال سازی HTTP KeepAlive:

کد زیر را در فایل .htaccess  در فولدر اصلی سایت قرار داده و سپس آن را ذخیره کنید:

<Ifmodule  mod_headrs.c>

header set connection keep-alive

<ifmodule/>

 2-فعال سازی فشرده سازی Gzip

 با استفاده از Gzip، میتوانید حجم وب سایتتان را تا 85% فشرده کنید.این گزینه نقش مهمی در سرعت لود وب سایت شما دارد.(gzip چیست و چگونه کار می کند؟)

نحوه فعال سازیGzip:

کد زیر را در فایل .htaccess  در فولدر اصلی سایت قرار داده و سپس آن را ذخیره کنید:

# compress text, HTML, JavaScript, CSS, and XML

AddOutputFilterByType DEFLATE text/plain

AddOutputFilterByType DEFLATE text/html

AddOutputFilterByType DEFLATE text/xml

AddOutputFilterByType DEFLATE text/css

AddOutputFilterByType DEFLATE application/xml

AddOutputFilterByType DEFLATE application/xhtml+xml

AddOutputFilterByType DEFLATE application/rss+xml

AddOutputFilterByType DEFLATE application/javascript

AddOutputFilterByType DEFLATE application/x-javascript

# remove browser bugs

BrowserMatch ^Mozilla/4 gzip-only-text/html

BrowserMatch ^Mozilla/4\.0[678] no-gzip

BrowserMatch \bMSIE !no-gzip !gzip-only-text/html

Header append Vary User-Agent

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

3-فعال سازی  Leverage Browser Caching 

به کار گیری این عملکرد باعث می شود تا فایل ها و اطلاعاتی که توسط کاربر مشاهده شده است در حافظه cache مرورگر ذخیره شده و  سرعت لود صفحات بالا رود.(کش مروگر چیست و چگونه کار می کند؟)

 نحوه فعال سازی  Leverage Browser Caching

کد زیر را در فایل .htaccess  در فولدر اصلی سایت قرار داده و سپس آن را ذخیره کنید:

## EXPIRES CACHING ##

ExpiresActive On

ExpiresByType image/jpg "access 1 year"

ExpiresByType image/jpeg "access 1 year"

ExpiresByType image/gif "access 1 year"

ExpiresByType image/png "access 1 year"

ExpiresByType text/css "access 1 month"

ExpiresByType text/html "access 1 month"

ExpiresByType application/pdf "access 1 month"

ExpiresByType text/x-javascript "access 1 month"

ExpiresByType application/x-shockwave-flash "access 1 month"

ExpiresByType image/x-icon "access 1 year"

ExpiresDefault "access 1 month"

 ## EXPIRES CACHING ##

4- استفاده از CDN یا شبکه توضیع محتوا

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

در حال حاضر یکی از بهترین سرویس های  در دسترس  که استفاده از سرویس های  آن  به طور  گسترده وجود دارد CloudFlare است که پلن های رایگان برای استفاده را نیز دارد.

5- تاریخ انقضا برای Headers

برای فایل هایی که در طول زمان  در سایت ثابت هستند همچون فایل های js میتوانید تاریخی تنظیم کنید که تا آن زمان در مرورگر کاربر  ذخیره شوند.

 نحوه فعال سازی   تاریخ انقضا برای Headers

کد زیر را در فایل .htaccess  در فولدر اصلی سایت قرار داده و سپس آن را ذخیره کنید:

<FilesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$"> Header set Expires "Thu, 15 Apr 2017 20:00:00 GMT" </FilesMatch>

مقالات مرتبط:

افزایش سرعت لود سایت بخش 2 

• قبلی
• بعدی