معرفی وب سایت GTMetrix.com
اسلاید 1: چقدر تلاش کردم که مردم بفهمند ولی آن ها فقط خندیدند !( چارلی چاپلین )
اسلاید 2: وب سایت www.GTMetrix.comتنظيم وارائه: رضاعشوری تجارت الکترونیککارشناسی فناوری اطلاعات09378056900Ashoory.reza@yahoo.com 2
اسلاید 3: چکیده ارائه4 معرفی وب سایت5 رونمایی سایت6 کاربا وب سایت7 بررسی نتایج8 منابع153فهرست
اسلاید 4: همونطور که می دانید سرعت باز شدن سایت ها فقط به سرعت اینترنت شما بستگی نداره و طراحی سایت هم خیلی مهم هست پس در این ارائه قصد داریم که نحوه بالا بردن سرعت لود صفحات سایت رو به شما آموزش بدم.Gtmetrix می تواند به شما در توسعه سایت و سرعت بالاآمدن سایت و بهبود کارآمدی آن کمک کند.4چکیده ارائه
اسلاید 5: سایت هایی هستش که سرعت لود و بالا اومدن سایت روتست میکنن ولی بهترین وب سایت برای این کار سایت www.GTMetrix.com می باشدکه علاوه بر نشان دادن سرعت لود و تعداد درخواست های ارسالی به سرور برای باز شدن سایت به شما یک رنگ میدهد که بسته به درصد بهینه بودن ساییتون فرق میکنه و همچنین راهکارهایی رو برای بهینه سازی سرعت لود به شما میدهد5معرفی وب سایت
اسلاید 6: برای شروع وارد سایت میشیم واگه خواستید میتونید درسایت عضو شویدبعد از عضویت صفحه ای مثل عکس روبه رو خواهیم داشت6رونمایی سایت
اسلاید 7: آدرس سایتی رودر قسمت مشخص شده وارد می کنیم و روی دکمه GO! کلیک می کنیم تا جی تی متریکس شروع به بررسی آدرس وارد شده بکند برای مثال از سایت MKCenter.ir استفاده می کنیم که نتایج این عکس می باشد7کاربا وب سایت
اسلاید 8: Specify image dimensionsبرروی این نوشته کلیک کنیم آدرس یه سری تصویر رو ،بهمون نشون میده 8بررسی نتایجhttp://mkcenter.ir/FBarrow.png(Dimensions:9x9) http://mkcenter.ir/images/ee.png(Dimensions:162x22) http://mkcenter.ir/images/jquery.png(Dimensions:121x27) http://mkcenter.ir/images/mysql.png(Dimensions:61x32) http://mkcenter.ir/images/php.png(Dimensions:60x32) http://mkcenter.ir/images/sh1.jpg(Dimensions:920x349) http://mkcenter.ir/images/sh2.jpg(Dimensions:920x349) http://mkcenter.ir/images/sh3.jpg (Dimensions: 920 x 349) تمام این تصاویر تو صفحه بررسی شده وجو دارن ولی برای اونها خاصیت طول و عرض تعریف نشده که میتونه تو سرعت لود سایت تآثیر داشته باشه که باید به قالب سایتمون رفته دنبال این تصاویر بگریدم و براش طول و عرض تعیین کنیم
اسلاید 9: 9Optimize imagesدر این قسمت دوتالینک می بینید که یکی آدرس یه عکس هست که تو سایتتونه و دیگری نسخه کم حجم همون عکس که شما باید با کلیک برروی Optimized Version نسخه کم حجم و بهینه عکس را دانلود کنید و اضافات رو از اسمش حذف کنید و باتوجه به آدرس عکس که به شما داده اون عکس رو پیدا کرده و عکسی که جی تی متریکس به شما داده رو جایگزین کنید.بررسی نتایج (ادامه ...)
اسلاید 10: Avoid a character set in the meta tagدر این قسمت جی تی متریکس به شما آدرس چندتا صفحه رو میده که توی متا تگ هاشون Charset تعیین شده و از شما می خوادکه این Charset رو حذف کنید10بررسی نتایج (ادامه ...)
اسلاید 11: Leverage browser cachingطبق گفته خود سایت جی تی متریکس شما می تونید با اضافه کردن کدهای زیر به فایل .htaccess خود این مشکل رو رفع کنید11بررسی نتایج (ادامه ...)## EXPIRES CACHING ## ExpiresActive On ExpiresByType image/jpg access plus 1 year ExpiresByType image/jpeg access plus 1 year ExpiresByType image/gif access plus 1 year ExpiresByType image/png access plus 1 year ExpiresByType text/css access plus 1 month ExpiresByType application/pdf access plus 1 month ExpiresByType text/x-javascript access plus 1 month ExpiresByType application/x-shockwave-flash access plus 1 month ExpiresByType image/x-icon access plus 1 year ExpiresDefault access plus 2 days ## EXPIRES CACHING ##
اسلاید 12: Minify CSSدر این قسمت جی تی متریکس آدرس یه فایل سی اس اس و یه نسخه بهینه به شما میده و از شما می خواد تا این کد رو جایگزین کد خودتون بکنید12بررسی نتایج (ادامه ...)Avoid bad requests در اینجا جی تی متریکس به شما چندتا آدرس میدهد که اونها تو ساییتون لینک شده ولی واقعا در اون آدرس وجودندارن.برای رفع این کار می تونید در اون آدرس قرار بدهید
اسلاید 13: 13بررسی نتایج (ادامه ...)Remove unused CSSدراین قسمت کدهای سی اس اس که در صفحه بررسی شده لینک شدن ولی استفاده نشدن رو نشون میده و میگه که اونها رو حذف کنید اگه از برنامه مدیریت محتوا استفاده می کنید این کار میتونه خطرناک باشه چون CMS میتونه هرکدی رو هرجای استفاده کنه Minify JavaScriptدراین قسمت هم شما باید جاوااسکریپتی رو که جی تی متریکس به شما میده رو جایگزین جاوا اسکریپتی که آدرسشو داده بکنید تا این قسمت هم 100% بشه!
اسلاید 14: 14بررسی نتایج (ادامه ...)Put CSS in the document headبایدکدهای CSS روتو تگ Head سایتتون قرار بدهیدscaled imagesازتون می خوادکه تصاویر رو با کدهای اچ تی ام ال یا سی اس اس ،Resize نکنید و باهمون سایز توسایت قرارشون بدهیدو اگه عکسی نیاز به تغییر سایز داشت عکس رو تغییر داده و سپس دوباره آپلودش کنید
اسلاید 15: www.google.comwww.Bing.comwww. Fun-Station.ir15منابع
اسلاید 16: در پایاناز توجه شما متشکریم.خسته نباشید !
نقد و بررسی ها
هیچ نظری برای این پاورپوینت نوشته نشده است.