بهینه سازی سایت با gtmetrix


آموزش بهینه سازی PageSpeed سایت با GTMetrix (بخش پایانی)

بهینه سازی با gtmetrix

تو چهار قسمت گذشته که خدمت دوستان بودیم از مباحث کلی در مورد بهینه سازی PageSpeed سایت با GTMetrix شروع کردیم و تا پایان بخش PageSpeed هم پیش رفتیم. طبق وعده قراره این قسمت به بررسی بخش YSlow بپردازیم که توضیحات این بخش رو هم تقدیم شما دوستان عزیز میکنم. امیدوارم مورد پسند شما قرار بگیره. آموزش بهینه سازی سایت با GTMetrix – قسمت آخر YSlow : نتایج قرار گرفته تو این بخش در حقیقت نتایج بررسی‌هایی هستند که این بار با در نظر گرفتن الگوهای سایت یاهو، روی سایت شما انجام شده. Use a Content Delivery Network (CDN) : فعال کردن قابلیت CDN CDN این امکان رو به شما میده که فایل‌هایی چون عکس و استایل و جاوا اسکریپت‌های خودتون رو بر روی سرورهای متعددی در جهان قرار بدین و به محض درخواست کاربر برای بارگزاری سایت این فایل‌ها از نزدیک‌ترین…

بیشتر بخوانید

آموزش بهینه سازی PageSpeed سایت با GTMetrix (بخش چهارم)

بهینه سازی با 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 (بخش سوم)

بهینه سازی با 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 (بخش دوم)

بهینه سازی با gtmetrix

به قسمت دوم آموزش بهینه‌سازی PageSpeed سایت با GTMetrix خوش اومدین همون‌طور که قول داده بودم تو این قسمت بخش PageSpeed واقع در قسمت Breakdown رو با هم بررسی می‌کنیم. بخش PageSpeed شامل عناوین مختلفی هست که هر کدوم اطلاعاتی در رابطه با بخش خاصی از سایت و بررسی‌هایی که بر روی اون قسمت انجام شده رو در خودش جا داده که تک تک اونها رو بررسی می‌کینم. آموزش بهینه سازی سایت با GTMetrix – بخش دوم PageSpeed :  Combine images using CSS sprites : ادغام یا ترکیب تصاویر موجود در فایل استایل سایت GTMetrix تو این قسمت لیست تصاویری که ابعاد کوچکی دارن یا حجم اونها خیلی پایین هست رو به شما نشون میده و میگه با قابلیت sprites که در CSS وجود داره این تصاویر رو ادغام کنید و به عنوان یک تصویر واحد از اون استفاده کنید….

بیشتر بخوانید

آموزش بهینه سازی PageSpeed سایت با GTMetrix (بخش اول)

بهینه سازی با gtmetrix

شاید خیلی از شما با سایت GTMetrix آشنا باشین یا حتی نام اون به گوش‌تون خورده باشه. بهینه سازی با GTMetrix یکی از ابر جستجوهای وب‌مستران ایرانی تو گوگل هست، واسه همین تصمیم گرفتم یه سری آموزش بهینه سازی سایت با GTMetrix رو برای شما دوستان گلم آماده کنم. چون حجم مطالب خیلی زیاده ممکنه تو چند قسمت در نهایت بتونیم این مبحث رو به کمک هم تکمیل کنیم، پس بی مقدمه بریم به سمت بهینه سازی، فقط نظر یادتون نره و هم اینکه تا پایان همراه ما باشین آموزش بهینه‌سازی سایت با GTMetrix GTMetrix چیست؟ سایت GTMetrix به شما کمک می‌کنه تا از PageSpeed یا همون سرعت بارگزاری سایت باخبر بشین و همچنین با ارایه بعضی راه کارها، روش‌هایی رو برای بهبود PageSpeed ارایه میده. GTMetrix در حقیقت از استانداردهایی که گوگل به عنوان معیار قرار داده استفاده میکنه. این آدرس صفحه بررسی…

بیشتر بخوانید
ماندگار وب - 1403