در بخش اول کاهش زمان بارگذاری وب سایت به موضوع تصاویر و اهمیت آنها در این امر اشاره کردیم. در این قسمت میخواهیم شما را با مبحث فشرده سازی در دنیای وب آشنا کنیم.
قبل از هر چیز باید به این نکته اشاره کنیم که شرکت گوگل از سال ۲۰۱۰ مدت زمان بارگذاری سایت را از جمله معیارهای خود برای تشخیص وب سایت خوب از بد قرار داد تا بدین ترتیب اهمیت موضوع بیشتر روشن شود.
فشرده سازی مانند این است که فایل های وب سایت خود در یک فایل زیپ قرار دهید. فشرده سازی به طور قابل ملاحضه ای در حجم سایز صفحه و سرعت بارگذاری آن تاثیر گذار است. بر اساس وب سایت varvy.com فشرده سازی می تواند بین ۵۰ تا ۷۰ درصد از حجم مازاد فایل های HTML و CSS شما را کاهش دهد. این حجم مازاد دقیقا همان حجمی است که کاربر برای دیدن صفحه نیاز به دانلود آنها ندارد.
فشرده سازی پروسه ای است که در سمت سرور و تنظیمات مربوط به آن انجام می شود لذا با توجه به نوع وب سرور خود تنظیمات مربوط به فشرده آن نیز می تواند متفاوت باشد. در ادامه لیستی از پر کاربرد ترین وب سرورهای مورد استفاده در دنیای وب امروزه را به شما معرفی و تنظیمات مربوط به وب سرور آپاچی که مهم ترین و سازگارترین وب سرور برای دوستداران دنیای وردپرس است را با هم مرور میکنیم.
- Apache
- IIS
- Nginx
در فایل با پسوند 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</p> BrowserMatch ^Mozilla/4\.0[678] no-gzip</p> BrowserMatch \bMSIE !no-gzip !gzip-only-text/html Header append Vary User-Agent </IfModule>
سپس فایل را ذخیره و با سرویس های معرفی شده در قسمت قبل سرعت سایت خود را دوباره بسنجید.
این خطوط کد امکان فشرده سازی حجم فایل های استایل دهی و حجم صفحه وب را برای شما مهیا می کنند.
اگر از وب سرور های IIS و Nginx استفاده میکند میتوانید برای مشاهده نحوه تنظیمات موارد فوق روی هر یک کلیک نمایید.
شما نیز اگر از روش های دیگری برای فشرده سازی استفاده می کنید آنرا را کاربران یک وب در میان بگذارید.
