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

gzip چگونه کار می کند؟

gzip یک ایده بسیار ساده است که در صورتی که به درستی مورد استفاده قرار بگیرد میتواند بسیار مفید باشد.دلیل اثر بخشی بالای gzip این است که  فایل های HTML وCSS دارای سطرهای تکراری زیادی است  و فضای زیادی را اشغال می کنند،  این قابلیت باعث کاهش حجم صفحات و استایل شیت ها تا 70 درصد می شود.

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

چرا GZIP مهم است?

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

نحوه فعال سازی GZIP?

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

• فعال سازی GZIP درآپاچی

 کد زیر را در فایل .htaccess وارد کنید:

<IfModule mod_deflate.c>

  # Compress HTML, CSS, JavaScript, Text, XML and fonts

  AddOutputFilterByType DEFLATE application/javascript

  AddOutputFilterByType DEFLATE application/rss+xml

  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject

  AddOutputFilterByType DEFLATE application/x-font

  AddOutputFilterByType DEFLATE application/x-font-opentype

  AddOutputFilterByType DEFLATE application/x-font-otf

  AddOutputFilterByType DEFLATE application/x-font-truetype

  AddOutputFilterByType DEFLATE application/x-font-ttf

  AddOutputFilterByType DEFLATE application/x-javascript

  AddOutputFilterByType DEFLATE application/xhtml+xml

  AddOutputFilterByType DEFLATE application/xml

  AddOutputFilterByType DEFLATE font/opentype

  AddOutputFilterByType DEFLATE font/otf

  AddOutputFilterByType DEFLATE font/ttf

  AddOutputFilterByType DEFLATE image/svg+xml

  AddOutputFilterByType DEFLATE image/x-icon

  AddOutputFilterByType DEFLATE text/css

  AddOutputFilterByType DEFLATE text/html

  AddOutputFilterByType DEFLATE text/javascript

  AddOutputFilterByType DEFLATE text/plain

  AddOutputFilterByType DEFLATE text/xml

  # Remove browser bugs (only needed for really old browsers)

  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

</IfModule>

• فعال سازی GZIP در IIS

در صورتی که از وب سرور IIS استفاده می کنید این دستورالعمل که در وب سایت ماکروسافت آمده است را دنبال کنید.

سئو (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