افزایش سرعت بارگذاری صفحه و تاثیر آن بر سئو
الان دیگه مهمترین قسمت کار برای موفقیت یک سایت در موتورهای جستجو، نحوه کار سایت با کاربران هستش. یکی از این قضیه ها که از قبل هم مورد توجه موتورهای جستجو بود سرعت لود شدن صفحه و یعنی زمان بارگذاری صفحه برای بازدید کننده هستش. چون اینطوری تعریف می کنن که اگه زمان بارگذاری صفحه خیلی طول بکشه کاربر خسته میشه و از اون سایت خوشش نمیاد، پس ما هم بهش امتیاز منفی میدیم و بلعکس.
حالا این مورد را همه میدونیم، باید دنبال راهی باشیم که این زمان باز شدن صفحه را کم کنیم. یکسری کار هست که میشه انجام داد و مربوط میشه به کد نویسی و کار با .htaccess ولی خوب از اونجایی که یکسری از هاست ها بر اساس دستکاری شما در فایل .htaccess ارور 500 میدن و خوب کار هر کسی هم نیست بهتر دیدم در مرحله اول کارهایی را بگم که خیلی راحت تر هستن و لازم تر!
ببینید سرعت صفحه بیشتر مربوط میشه به حجم تصاویر و در کل مالتی مدیاهای به کار رفته در صفحه و همچنین فایل های استایل. پس ما میخوایم امروز در اصل آموزش بدیم که چطوری اینها را برای موتورهای جستجو و در واقع برای کاربران بهینه کنید. البته اول بهتره ببینیم کجاهای سایت، برای افزایش سرعت بارگذاری نیاز به بهینه سازی دارن؟!
برای این کار 2 تا مرجع خوب داریم که دومی بهتره:
- مرجع اول قسمت تست سرعت سایت گوگل هست. ولی بدیش اینکه اولا برای ایرانی ها امکان دسترسی وجود نداره و باید با فیل وارد بشید و دوما هم اینکه کش خوبی نداره و با اینکه شما تغییرات را اعمال می کنید اون بخوبی نشون نمیده!
- پس میاییم سر مرجع دوم یعنی سایت Gtmetrix که خیلی سایت بهتریه. البته وقتی سایتتون رو توش انالیز می کنید خودش برای تصاویر و فایل ها و حتی کد html شما فایل های بهینه هم آماده می کنه ولی پیشنهاد من اینکه برای بهینه سازی تصاویر و استایل ها از 2 سایت زیر کمک بگیرید و دلیلش هم اینکه، تو این سایت تصاویر بهینه شده خودش را هم که میزاری بازم دوباره که آنالیز کنید، بازم تصویر بهینه پیشنهاد میده! در ضمن یکسری پیشنهاد در مورد ادغام کد های جاوا و یا استایل ها بهتون ممکنه بده که اگه از این کدها سر رشته ای ندارید اصلا دستش نزنید ولی از کد پیشنهادی برای قسمت html هم میتونید استفاده کنید.
بهینه سازی تصاویر
برای بهینه سازی عکس یکسری برنامه و کلی سایت وجود داره ولی میخوام یه مرجع معتبر به نام یاهو را برای این کار بهتون معرفی کنم. کافیه وارد سایت smush.it بشید و در قسمت upload تصاویر مورد نظر را وارد نمایید. البته راحت تر هستید در قسمت Url آدرس تصاویری که در سایتتون هست را وارد کنید و بعد دکمه Smush را بزنید تا کار تمام بشه و سپس فایل های مورد نظر را در یک فایل فشرده دانلود کنید و در هاست خودتون جایگزین کنید. این سایت تصاویر را به بهترین نحوه و کمترین افت کیفیت برای موتورهای جستجو آماده می کنه و اصلا دوباره کاری هم نداره!
برای بهینه سازی تصاویر در سیستم های مدیریت محتوا هم امکانات فراوانی وجود داره که به طور مثال در سیستم مدیریت محتوای محبوب وردپرس میتونید از افزونه Wp Smush.it استفاده کنید.
بهینه سازی کدها
بحث بهینه سازی کدهای استایل، جاوا و اچ تی ام ال به منزله کم کردن و از بین بردن فاصله های اضافه ایست که کدنویس در حین نوشتن کدها ایجاد کرده است. البته در این حین باید مراقب بود که این از بین بردن فاصله ها بخصوص در کدهای استابل و جاوا باعث از کار افتادن کارها و بهم ریختن استایل نشه.
برای بهینه سازی کدهای CSS وارد سایت بهینه سازی کدهای استایل بشید. هر کد استایل خودتون را به صورت جداگانه در قسمت موجود کپی کنید و بعد دکمه Compress را بزنید. مابقی تنظیمات هم بزارید روی حالت تنظیم شده بمونه.
برای بهینه سازی کدهای Java وارد سایت بهینه سازی کدهای جاوا بشید. هر کد جاوا خودتون را به صورت جداگانه در قسمت موجود کپی کنید و بعد دکمه Compress را بزنید. در این سایت میتونید کدهای جاوا اسکریپتتون را دیکد هم بکنید.
برای بهینه کردن کدهای html هم وارد سایت بهینه سازی کدهای html بشید و کد هر صفحه را جداگانه وارد کنید و دکمه Compress را بزنید. فقط توجه کنید قبل از زدن، در منوی سمت راست، گزینه Charset را روی Unicode-utf8 قرار بدید. در ضمن توجه داشته باشید این کار برای سایت های ایستا مناسبه و سایتهای پویا اصلا نمیتونن از این سیستم استفاده کنند!
البته برای بهینه سازی هر ۳ نوع کد بالا، در سیستم های مدیریت محتوا، افزونه ها و کامپوننت های خوبی وجود داره که انشالا به زودی این افزونه های سئو را هم به شما معرفی خواهیم کرد.
تا اینجا یاد گرفتیم که تصاویر و استایل ها و همچنین کد های html و جاوا را بهینه کنیم. به زودی براتون یکسری از آموزش های مربوط به همین سرعت باز شدن صفحه که با کد نویسی هست را هم قرار میدم. در ضمن یکسری افزونه به درد بخور تو این زمینه هم براتون در نظر دارم که اون ها را هم سر فرصت معرفی میکنم.
موفق باشید
- تاریخ انتشار: 5 دی 1390
- 60 دیدگاه
ممنونم. عالی بود.
من كه چيزي متوجه نشدم
مثلا توي اين ادرس
بهینه سازی استایل
http://2oo.ir/cssmin
بايد چيكار كنم كدهاي فايل سي اس اس رو كپي كنم و بعد كد جديد به من ميده تا جايگزين كدهاي قبلي كنم در اين صورت مشكلي پيش نمياد
درسته همين كارو ميكنه بيشتر توضيح بديد
سلام
دقیقا همینکه گفتی.مشکلی هم پیش نمیاد.البته همیشه قبل از هر کاری یک نسخه کپی از فایل اصلیت داشته باش!
سلام.
من وقتی آنالیز میکنم. بعد تو تب TIMELINE میرم. یک سری ایراد هایی از قبیل GET print CSS میگیره و page 404 معرفی میکنه!!!
اصلا تو هاست من چنین چیزی نیست. و منظور اینه که من باید چنین چیزی داشته باشم؟؟ برای پرینت پست ها و… ؟؟
چه جوری؟؟ ممنونم از راهنمایی شما
سلام
این بخش نحوه بارگذاری سایت شما در فایرفاکس را نشون میده و در کنار اون مشکلاتی مثل ارور 404 و … را هم میگه. این 2 تا اروری هم که برای شما داده مربوطه به اینکه شما تا سایتت جایی استایلی بنام print.css را فراخونی کردی ولی همچین فایلی تو اون درس نیست و ارور 404 داده!
جالب و مفید مثل همیشه.
ممنون.
من هنوز فامیل شمارو نمیدونم.
میشه بفرمایید ؟
خواهش می کنم مهندس جان.بنده حیدری هستم
بسیار بسیار خوشبختیم قربان.
یه سوال:
واقعا داشتن یه پخش کننده موسیقی 500 کیلوبایتی تاثیر بسزایی در کاهش سئو و ایندکس گوگل میذاره !؟
سلام
به همچنین
با این روالی که گوگل در رعایت حقوق مصرف کنندگان در پیش گرفته این قضیه سرعت لود صفحه توی سئو تاثیر زیادی داره.البته در کم کردن ایندکس نه.البته 500 کیلوبایت خیلی خیلی زیاده.حجم کل صفحه نباید اینقدر باشه چه برسه یک فایل!
چشم.
وقتی استاد میفرمایند چاره ای نیست باید حذفش کنیم.
ولی عزیز قبول کن با عکسها و اسکریپتهایی که بطور معمول قرار میگیره حجم بالاتر از اینا میره !!
مگه اینکه فقط متن بذاریم .نه عکسی نه هدر نه چیزی.
میشه بازم راهنماییمون کنید قربان.
ببخشید اینقد سوال میپرسیم.
کاش بتونیم جبران کنیم زحمات شمارو.
چشمتون بی بلا
ما که در مقابل شما حرفی نداریم
اتفاقا اصلا اینطوری نیست.الان صفحه اول همین سئو کلی عکس توشه.و کلی هم فایل استایل.ولی کلا حجم بهینه شده این صفحه شده کمتر از 450 کیلو بایت!
همین بهینه سازی تصاویر خیلی تاثیر زیادی تو حجم و سرعت لود داره
جبران نکرده عزیزید
مثل همیشه سپاسگذاریم.
یه بار مطالب گذشتتونو خونده بودیم ولی واجب شد دوباره با دقت بیشتری مرور کنیم. اینقد خوب و سریع پاسخ میدید که آدم وسوسه میشه همه سوالاشو پشت سرهم بپرسه.
داشتن شما دلگرمی بسیار بسیار بزرگی برای ما بوده و هست.
یک دنیا تشکر.
شما هم که طبق معمول به ما لطف دارید
آقا خیلی کارت درسته ممنون از مقاله مفیدت
درستی از خودتونه
ممنونم .
اما من کل فایل ها رو گشتم.. جایی اثری از یار گذاری فایل print.css ندیم!!
اینطور که میگه مربوط به پوسته فیسبوک هستش.حالا به نظر من یه فایل خالی با هیمن نام تو همین ادرس قرار بده.ضرر که نداره هیچی، سود هم داره!
سلام . ادمین میشه تو اون ادرس دومی که دادی وضعیت وبلاگمو ببینی و بهم بگی خوبه یا بد .
www.barcanews.org
😀
سلام.نه نمیشه! خوب معلومه که میشه!
بد نیست ولی خیلی میشه بهترش کرد.بخصوص با کار کردن رو عکسها و استایل
این هم گزارش سایتت بصورت پی دی اف:
http://2oo.ir/2723
سلام.
یه فایل print.css خالی ساختم!! مسی از راهنمایییت
کاری به من نداشتا.. اما رو اعصابم بود اون ارور :دی
به نظرتن برای افزایش سرعت بارگذاری سایتم دیگه چه کارهایی میتونم انجام بدم؟؟
سلام
بجز این موارد موردی هاست هم هست که قبلا در موردش صحبت کردیم
سلام و خسته نباشید
من بهینه سازی عکس ها رو زدم، و گذاشتم رو هاست، ولی بهینه سازی استایل که زدم کد ها رو کلا نامنظم تحویل داد؛ چون شما گفته بودید گذاشتم تو استایل و رو هاست ریختم، سرعت گوگل http://2oo.ir/pagespeed1 از 78 شد 79 ولی چون کدها نامرتب بود برگردوندم، حالا یه سوالی دارم، میشه راهنمایی ام کنید که چطوری من سرعتم رو افزایش بدم؟ تا به بالای 80 برسه؟ ممنون
سلام
آره وقتی استایل را بهینه می کنه خطها را پشت سر هم میکنه.خوب شما تصاویرت خیلی مونده بهینه بشن.حتی کد html صفحه اصلیت هم میتونه بهینه بشه
یک سوال سرعت لود چه قد در سئو تاثیر دارد؟
الان میانگین حجم صفحات وب 1 مگابایت است در حالی که سال قبل 700 مگ بوده یعنی درصد سئو از پارسال افت کرده؟
سلام
تو الگوریتم پاندا مثل اینکه خیلی تاثیر داره.1 مگ؟میانگین چی؟کجا؟حرف از کیلوبایته خشایار جان
حواسم نبود دومی 700 کیلوبایت بود
اونکه 100% ولی کلا 1 مگ هم خیلی زیاده.الان 400 کیلوبایت هم رو به زیادی خونده میشه.چه برسه 700 کیلوبایت!
سلام،من تا امروز اصلا به بهینه سازی سایتم توجه نکرده بودم و آمار سایتم هم پیشرفتی نمیکرد اما با سایت شما که آشنا شدم وسوسه شدم که کارهایی که شما میگید رو انجام بدم ببینم چه تاثیری داره،من تو این سایت »» 2oo.ir/pagespeed1
سایتمو چک کردم و نمیدونم سایتم مشکلی داره یا نه اگر میشه شما هم یه چک بکنید ببینید وضعیت سایتم خوبه یا خیلی خرابه؟ 🙁
سلام
پس حسابی خوش اومدید
سایتتون از نظر سرهت باید روی استایل و کدهای جاوا کار بشه ولی از نظر سئو:
طول و عرض بعضی از تصاویر تعیین نشده
بعضی از تصاویر ویژگی alt ندارن
کدهای هدر کار نشده
کلمات کلیدی و توضیحات هم باید روشون کار بشه
سلام بر مدير وخسته نباشي
ميشه سايت منم يه چك بكني ببيني وضيعيتش چطوره ولود شدنش چي چقد طول ميكشه بالا بياد ازت ممنون ميشم منتظرم
سلام به شما
الان که من تست کردم خیلی طول کشید تا لود بشه.با سایت هم چک کردم 77% که پایینه! روی تصاویر و کدها کار کن.جای کار خیلی دارن
سلام ببخشید میشه سایت ما رو هم یه امتحانی بکنید ببینید وضعیتش چجوریه؟www.javandownloads.ir
سلام
موردی نداره
خیلی ممنونم , مقاله خیلی مفید بود و همچنین سایت هایی که معرفی کردین 😡
سلام آقای حیدری مرسی از مقاله خیلی عالی بود من برای اولی بار با ارتیستر یایتمو یاختم و از دستورات شما هم پیروی کردم بازم تشکر
سلام
ممنون میثم جان.انشاالله که موثر واقه بشه
سلام مجدد
ممنونم از مقاله ي خوبتون.
براي اين بهينه سازي تصاوير با سايت smush سوالي داشتم.
توي وردپرس يه پلاگين داريم كه گفته تصاوير رو با همين سايت بهينه ميكنه به صورت اتوماتيك.
ولي من هميشه ترسيدم امتحانش كنم. حتي نصبشم كردم ولي ترسيدم امتحان كنم يهويي تمام تصاوير رو دوباره كپي كنه توي هاست و يا مشكلي بوجود بياره.
اسم پلاگينش اينه : WP Smush.it
ممنون ميشم يه توضيح و آموزشي در مورد اين پلاگين بدين.
با تشكر
سلام
اتفاقا میخواستم همین امروز این افزونه را معرفی کنم.نخیر مشکلی بوجود نمیاره.خیالتون راحت.من تست کردم!
سلام مجدد
پس چي شد قرار بود معرفي كنيد افزونه WP Smush.it رو.
ميشه يه توضيحي در مورد كاركردش بدين و اينكه تنظيماتش كلا چطوري بايد باشه ؟
و اينكه جدا تاثير داره اين روش يا زياد فرقي نداره ؟
با تشكر
يا علي
شرمنده محمد جان که دیر شد. نوشته قرار گرفت
دوست عزیز سایت 2oo.ir داون هست و هیچکدام از لینک ها کار نمیکنه.
لطف کنید لینک های اصلی را در متن بزارید.
ممنون
سلام
لینک ها درست شد.موفق باشید
سلام من سایت خودم زدم مشخصاتش این زد
Page load time: 8.35s
Total page size: 531KB
Total number of requests: 55
این خوبه یا بده
و این که در مورد امارهای که پایین داده من چیزی نفهمیدم میشه راهنمایم کنید
سلام
الان که من دیدم زمانش 11 ثانیه بود. زیاد بد نیست. سرعت سایت شما رو 83% هست.البته بهت رهم میتونه بشه.ان چیزایی که پایین نوشته مربوط به بهتر شدن سرعت هست.مثلا بهینه کردن تصاویر،بهینه کردت کدحای جاوا،بهینه کردن جاوا اکسکریپتها و …
سلام .. از شما بابت پست های توپتون ممنونم
یه سوال داشتم .. توی اون مرجع دوم بررسی سرعت سایت وقتی سایتم رو میزنم مورد Enable Keep-Alive رو برام 60 درصد نشون میده و حساب کردم اگه این مورد مثل سایت های دیگه بشه 100 درصد یه تاثیر زیادی رو سرعت سایتم داره
اگه میشه بگید این مورد چی هست ؟؟ شنیدم مال آپاچی سایت هست ولی چطور میتونم زیادش کنم ؟؟
سلام
بله مربوط به هاستتون میشه.یه جورایی lمربوط میشه به درخواست مشابه از یک سرور.البته من اطلاع زیادی هم در موردش ندارم!
http://2oo.ir/cssmin کاز نمیکنه
کار میده که امیرجان!
فوق العاده به دردبخور بود
دمت گرم!!!
خدا را شکر
من استایل رو بهینه کردم ولی یسری چیزها توش بهم ریخت چرا؟
سلام
گاهی اوقات این سیستمهایی که استایل را بهینه میکنند این مشکل را دارند.چون میان یکسری کدها را بی استفاده تشخیصمیدن ولی بازم یه جا استفاده شدن!
آخه چقد دروغ میگین شماهااا؟ این همه از آدرس هاتون استفاده کردم همشون الکی بودن که اخه..
خیلی نامردین 👿 👿 👿
متاسفانه این مشکل به این دلیل بوجود اومده که سیستم کوتاه کننده لینک حذف شده!
بازتاب: سئو تصاویر و سرعت بارگذاری صفحه
بازتاب: معرفی افزونه وردپرس Use Google Libraries
من سالهاست با مارال هاست کار میکنم و از این شرکت بسیار راضیم
پشتیبانی عالی
سرویس های قیمت مناسب
احترام به مشتری
بازتاب: به روزرسانی الگوریتم سرعت گوگل
سلام مطالب جالب و کاربردی در رابطه با سئو دارید ممنونم از میریت سایت