وبلاگ
آموزش بهینه سازی PageSpeed سایت با GTMetrix (بخش پایانی)
تو چهار قسمت گذشته که خدمت دوستان بودیم از مباحث کلی در مورد بهینه سازی PageSpeed سایت با GTMetrix شروع کردیم و تا پایان بخش PageSpeed هم پیش رفتیم. طبق وعده قراره این قسمت به بررسی بخش YSlow بپردازیم که توضیحات این بخش رو هم تقدیم شما دوستان عزیز میکنم. امیدوارم مورد پسند شما قرار بگیره. آموزش بهینه سازی سایت با GTMetrix – قسمت آخر YSlow : نتایج قرار گرفته تو این بخش در حقیقت نتایج بررسی‌هایی هستند که این بار با در نظر گرفتن الگوهای سایت یاهو، روی سایت شما انجام شده. Use a Content Delivery Network (CDN) : فعال کردن قابلیت CDN CDN این امکان رو به شما میده که فایل‌هایی چون عکس و استایل و جاوا اسکریپت‌های خودتون رو بر روی سرورهای متعددی در جهان قرار بدین و به محض درخواست کاربر برای بارگزاری سایت این فایل‌ها از نزدیک‌ترین…
بیشتر بخوانیدآموزش بهینه سازی PageSpeed سایت با GTMetrix (بخش چهارم)
امیدوارم تا اینجای کار مباحث مطرح شده برای شما دوستان گلم مفید بوده باشه. امروز می‌خوام کنار شما عزیزان مباحث باقی‌مونده بخش PageSpeed رو بررسی کنیم. آموزش بهینه سازی سایت با GTMetrix – قسمت چهارم Specify a cache validator : تعیین زمان برای فایل‌های کش شده تو این بخش GTMetrix از شما می‌خواد برای فایل‌هایی که روی مرورگر کاربر کش کردین اعتبار تعین کنین. برای رفع این خطا کافیه با توجه به نیاز خودتون کدی شبیه کد زیر رو به فایل .htaccess سایت‌تون اضافه کنید. # BEGIN Cache-Control Headers <ifModule mod_headers.c> <filesMatch “\.(ico|jpe?g|png|gif|swf|woff|ttf)$”> Header set Cache-Control “max-age=2592000, public” </filesMatch> <filesMatch “\.(css)$”> Header set Cache-Control “max-age=2592000, public” </filesMatch> <filesMatch “\.(js)$”> Header set Cache-Control “max-age=2592000, private” </filesMatch> <filesMatch “\.(x?html?|php)$”> Header set Cache-Control “max-age=600, private, must-revalidate” </filesMatch> </ifModule> # END Cache-Control Headers Specify a Vary: Accept-Encoding header : خطا در تعیین نوع کاراکتر برای…
بیشتر بخوانیدآموزش بهینه سازی PageSpeed سایت با GTMetrix (بخش سوم)
با قسمت سوم آموزش بهینه سازی PageSpeed سایت با GTMetrix در خدمت‌تون هستم. در این قسمت هم مثل قسمت دوم به ادامه مباحث موجود در بخش PageSpeed واقع در قسمت Breakdown سایت GTMetrix خواهیم پرداخت. آموزش بهینه سازی سایت با GTMetrix – بخش سوم Optimize the order of styles and scripts : چینش صحیح فایل‌های استایل و جاوا اسکریپت کنار یکدیگر این بخش GTMetrix به شما می‌گوید که فایل‌های مربوط به استایل یا همون CSSهای خودتون رو پیش از فایل‌ها یا کدهای جاوا اسکریپت سایت قرار دهید تا سایت شما سریعتر بارگزاری بشه. در حقیقت وظیفه شما این هست که تگ‌های مربوط به استایل رو بالاتر از تگ‌های مربوط به جاوا اسکریپت قرار بدین. به همین راحتی <head> <title>title</title> <style> // CSS Code </style> <script type=”text/javascript”> // javascript Code </script> </head> Inline small CSS : فراخوانی فایل‌های استایل کوچک از داخل سایت…
بیشتر بخوانیدآموزش بهینه سازی PageSpeed سایت با GTMetrix (بخش دوم)
به قسمت دوم آموزش بهینه‌سازی PageSpeed سایت با GTMetrix خوش اومدین همون‌طور که قول داده بودم تو این قسمت بخش PageSpeed واقع در قسمت Breakdown رو با هم بررسی می‌کنیم. بخش PageSpeed شامل عناوین مختلفی هست که هر کدوم اطلاعاتی در رابطه با بخش خاصی از سایت و بررسی‌هایی که بر روی اون قسمت انجام شده رو در خودش جا داده که تک تک اونها رو بررسی می‌کینم. آموزش بهینه سازی سایت با GTMetrix – بخش دوم PageSpeed : Combine images using CSS sprites : ادغام یا ترکیب تصاویر موجود در فایل استایل سایت GTMetrix تو این قسمت لیست تصاویری که ابعاد کوچکی دارن یا حجم اونها خیلی پایین هست رو به شما نشون میده و میگه با قابلیت sprites که در CSS وجود داره این تصاویر رو ادغام کنید و به عنوان یک تصویر واحد از اون استفاده کنید….
بیشتر بخوانیدآموزش بهینه سازی PageSpeed سایت با GTMetrix (بخش اول)
شاید خیلی از شما با سایت GTMetrix آشنا باشین یا حتی نام اون به گوش‌تون خورده باشه. بهینه سازی با GTMetrix یکی از ابر جستجوهای وب‌مستران ایرانی تو گوگل هست، واسه همین تصمیم گرفتم یه سری آموزش بهینه سازی سایت با GTMetrix رو برای شما دوستان گلم آماده کنم. چون حجم مطالب خیلی زیاده ممکنه تو چند قسمت در نهایت بتونیم این مبحث رو به کمک هم تکمیل کنیم، پس بی مقدمه بریم به سمت بهینه سازی، فقط نظر یادتون نره و هم اینکه تا پایان همراه ما باشین آموزش بهینه‌سازی سایت با GTMetrix GTMetrix چیست؟ سایت GTMetrix به شما کمک میکنه تا از PageSpeed یا همون سرعت بارگزاری سایت باخبر بشین و همچنین با ارایه بعضی راه کارها، روش‌هایی رو برای بهبود PageSpeed ارایه میده. GTMetrix در حقیقت از استانداردهایی که گوگل به عنوان معیار قرار داده استفاده میکنه. این آدرس صفحه بررسی…
بیشتر بخوانید