سبد (0)

GZIP

  • هنگامی که یک کاربر، وارد وب سایت شما می شود، یک تماس با سرور شما برقرار شده و فایلهایی را از آن درخواست می کند.هر چقدر این فایل ها بزرگتر باشند مدت زمان  بیشتری برای دریافت آنها توسط مرورگر و نمایش نتایج به کاربر نیاز است.قابلیت فشرده سازی 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 استفاده می کنید این دستورالعمل که در وب سایت ماکروسافت آمده است را دنبال کنید.

     

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

     

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