راهنمای مبتدی برای بهینه سازی فایل وب سایت (70٪ سریعتر بارگیری)

برای سرعت بخشیدن به وب سایت خود و صرفه جویی در پهنای باند ، فشرده سازی یکی از موثرترین (و ساده ترین) راه های تحقق آن است.


… با این حال ، بسیاری از دارندگان وب سایت هنوز پرونده های خود را در سال 2020 بهینه نمی کنند ، زیرا آنها نمی دانند اهمیت این مسئله چقدر مهم است یا نمی دانند چگونه.

برای کوتاه کردن یک داستان طولانی ، یکی از مهمترین راه ها برای سرعت بخشیدن به سرعت بارگذاری صفحه شما این است که پرونده های JavaScript (JS) شما سریعتر بارگیری شوند … و می توانید JavaScript خود را با استفاده از فشرده سازی GZIP سرعت بخشید..

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

اما ابتدا ، بیایید زمینه کمی ایجاد کنیم.

مرحله شماره 1: رمزگذاری محتوا چیست?

برای اینکه بتوانید به طور موثر پرونده های وب سایت خود را بهینه کنید ، درک مفهومی معروف به عنوان مهم است رمزگذاری محتوا.

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

درخواست HTTP

اصولاً مرورگر به سرور می گوید چه می خواهد. سرور آن را جستجو می کند و می یابد. مرورگر سپس آن را بار می کند. هرچه پرونده بزرگتر باشد ، بارگیری مرورگر طولانی تر خواهد شد.

بنابراین ، وقتی یک پرونده خیلی بزرگ است ، چه کاری انجام می دهید?

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

دو عنصر در ارتباط با سرور و مرورگر وجود دارد که می دانند ارسال یک فایل فشرده خوب است:

  • مرورگر به سرور اطلاع می دهد که ارسال محتوای فشرده شده با ارسال یک هدر خوب است
  • اگر محتوا فشرده شود ، سرور پاسخی را ارسال می کند

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

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

تنظیم سرور

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

عملکرد وب بعد از فشرده سازی

برای این کار ، به سادگی تنظیمات فشرده سازی را برای IIS فعال کنید. اگر از Apache استفاده می کنید ، فعال کردن فشرده سازی خروجی بسیار ساده است. فقط کافیست به پرونده .htaccess خود دسترسی پیدا کرده و کد مناسبی را اضافه کنید.

دو گزینه فشرده سازی برای انتخاب با Apache وجود دارد:

  • mod_deflate استاندارد است و تنظیم آن ساده تر است
  • mod_gzip به شما امکان می دهد تا محتوای را از قبل فشرده سازی کنید و به نظر می رسد قوی تر است

انحراف آسان apache

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

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

برای بازگشت به محتوای فشرده شده ، اگر قادر به ایجاد تغییر در پرونده .htaccess خود نیستید می توانید از PHP استفاده کنید. در PHP:

<?php if (substr_count ($ _ SERVER [‘HTTP_ACCEPT_ENCODING ‘] ،‘ gzip’)) ob_start (“ob_gzhandler”)؛ دیگری ob_start ()؛ ?>

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

احتیاط مهم: اکثر نرم افزارهای ساخت وب سایت امکان ویرایش سطح کد (با برخی موارد استثناء) را ندارند. در مورد میزبانی کانادا ، ما طرفداران قدرتمندی برای میزبانی وب سایت خود هستیم ، اما می دانیم که این برای همه افراد نیست. هنگام استفاده از سازندگان وب سایت هایی مانند Squarespace ، Wix یا Weebly ، این نوع از tinkering سطح سرور احتمالاً فراتر از دسترس شما نیست.

فشرده سازی خود را تأیید کنید

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

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

اگر محتویات فشرده شده ارسال شوند ، عنوان “کدگذاری محتوا: GZIP” را مشاهده خواهید کرد.

هدر Google Chrome Chromz

برای به دست آوردن جزئیات بیشتر ، می توانید بر روی نماد “استفاده از ردیف های بزرگ” کلیک کنید. این همچنین اطلاعاتی در مورد اندازه واقعی محتوا و اندازه انتقال فشرده ارائه می دهد.

هشدارها را در نظر بگیرید

فشرده سازی مزایای زیادی را ارائه می دهد ، اما طرفین همه چیز وجود دارد. شما می خواهید از موارد زیر آگاه باشید:

  • نمودار نسبت فشرده سازیمحتوایی که قبلاً فشرده شده است: بیشتر موسیقی ، فیلم و تصاویر در حال حاضر فشرده شده اند. اگر دوباره سعی کنید آنها را فشرده کنید, این عمدتا فقط اتلاف وقت است. در بیشتر موارد ، شما فقط باید در مورد فشرده سازی CSS ، HTML و JavaScript نگران باشید.
  • مرورگرهای قدیمی: محتوای فشرده شده با همه مرورگرها سازگار نیست. این امر به ویژه در مورد مرورگرهای قدیمی تر صادق است. به عنوان مثال ، اگر باید روی ویندوز 95 یا با Netscape 1.0 کار کنید ، می توانید از فشرده سازی HTTP جلوگیری کنید. برخی قوانین و دستورالعمل ها برای جلوگیری از فشرده سازی برای مرورگرهای قدیمی با Apache mod-deflate وجود دارد.
  • بار CPU: پهنای باند را ذخیره کنید و هنگام فشرده سازی محتوا در پرواز ، از زمان پردازنده استفاده کنید. با توجه به سرعت فشرده سازی ، نوع مبادله به صورت عادلانه مشاهده می شود. راه هایی برای ارسال نسخه های فشرده شده و همچنین قبل از فشرده سازی محتوای استاتیک وجود دارد. این به طور کلی به پیکربندی بیشتری نیاز دارد. به یاد داشته باشید که افراد در اینترنت از توجه کوتاهی برخوردار هستند ، بنابراین افزایش سرعت برای تجربه بهتر کاربر با استفاده از چرخه CPU معمولاً همیشه ایده خوبی است.

چرا باید از فشرده سازی GZIP استفاده کنید

کنسول فشرده سازی httpفشرده سازی GZIP مزایای زیادی را ارائه می دهد. این مهم است که بدانید اینها به چه صورت است تا کاملاً آگاه باشید که چرا باید شروع به استفاده از آن کنید.

به طور متوسط, با استفاده از GZIP برای فشرده سازی پرونده های CSS و HTML ، 50 تا 70 درصد از کل حجم فایل شما را ذخیره می کند. این صرفه جویی در اندازه قابل توجه پرونده ، تجربه کاربر بسیار بهتری و کارآمد را در وب سایت شما ایجاد می کند.

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

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

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

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

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

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

عیب یابی مشکلات با فشرده سازی GZIP

فشرده سازی GZIP مانند همه عناصر فناوری ، می تواند به کوچکترین دلایل شکست بخورد. خبر خوب این است که اکثر دلایل شکست قابل رفع هستند.

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

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

فقط می توانید کد خود را که با PHP یا .htaccess وارد می کنید بررسی کنید (این مورد در بالا مورد بحث قرار گرفت). اگر قادر به یافتن مشکلی نیستید ، اما معتقدید کد مقصر است ، کافی است آنرا با یک کد دیگر که به احتمال زیاد کار می کند ، کاملاً تعویض کنید..

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

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

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

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

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

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

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

برای اطلاعات بیشتر به راهنمای من در مورد چگونگی بهبود سرعت وب سایت خود مراجعه کنید.

منابع و اعتبارات تصویر:

  • BetterExplained.com
  • OpenSourceVarsity.com
  • Geekeasier.com
  • WebPerformance.com
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me

About the author

Adblock
detector