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

در این مقاله به بررسی تاثیر تصاویر بر روی سرعت لود وب سایت خواهیم پرداخت.

1-بهینه سازی حجم تصاویر

ابزار های مختلفی جهت بهینه سازی حجم عکس ها وجود دارد  که یکی از آنها نرم افزار فتوشاپ است. برای انجام این کار کافی است در زمان ذخیره تصاویر مورد نظر،  از منوی FILE گزینه Save For Web را انتخاب کنید.علاوه بر این ابزار های انلاینی نیز وجود دارد که با استفاده از آنها می توانید حجم تصاویر خود را کاهش دهید، در ادامه دو نمونه از انها معرفی شده است:

• compressor.io
• compressjpeg.com

2-مشخص کردن ابعاد عکس

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

روش کار:

استفاده از قالب کلی زیر برای عکس ها

<img src="/beyamooz.jpg" alt="" width="470" height="307">

 3-استفاده از عکس ها در اندازه واقعی

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

4-از ادغام تصاویر استفاده کنید.

زمانی که مجبور هستید از چندین عکس در یک صفحه استفاده کنید ، یکی از روش های مفید استفاده از Css Image Sprites می باشد که تمامی تصاویر را به یک تصویر تبدیل می کند. این کار باعث می شود تمام عکس ها در قالب یک عکس نمایش داده شوند و سپس با استفاده از Css و مختصات x,y میتوان  هر عکس را در جای خود فراخوانی کرد. یکی از ابزار های آنلاین برای این کار Css Sprites می باشد.

5-تبدیل عکس ها به Base64 Code

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

6-بهینه سازی تصاویر با استفاده از Gtmetrix

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

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

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

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