افزایش سرعت بارگذاری صفحه

سرعت باز شدن صفحه

الان دیگه مهمترین قسمت کار برای موفقیت یک سایت در موتورهای جستجو، نحوه کار سایت با کاربران هستش. یکی از این قضیه ها که از قبل هم مورد توجه موتورهای جستجو بود سرعت لود شدن صفحه و یعنی زمان بارگذاری صفحه برای بازدید کننده هستش. چون اینطوری تعریف می کنن که اگه زمان بارگذاری صفحه خیلی طول بکشه کاربر خسته میشه و از اون سایت خوشش نمیاد، پس ما هم بهش امتیاز منفی میدیم و بلعکس.

افزایش سرعت بارگذاری صفحه

حالا این مورد را همه میدونیم، باید دنبال راهی باشیم که این زمان باز شدن صفحه را کم کنیم. یکسری کار هست که میشه انجام داد و مربوط میشه به کد نویسی و کار با .htaccess ولی خوب از اونجایی که یکسری از هاست ها بر اساس دستکاری شما در فایل .htaccess ارور ۵۰۰ میدن و خوب کار هر کسی هم نیست بهتر دیدم در مرحله اول کارهایی را بگم که خیلی راحت تر هستن و لازم تر!

ببینید سرعت صفحه بیشتر مربوط میشه به حجم تصاویر و در کل مالتی مدیاهای به کار رفته در صفحه و همچنین فایل های استایل. پس ما میخوایم امروز در اصل آموزش بدیم که چطوری اینها را برای موتورهای جستجو و در واقع برای کاربران بهینه کنید. البته اول بهتره ببینیم کجاهای سایت، برای افزایش سرعت بارگذاری نیاز به بهینه سازی دارن؟!

برای این کار ۲ تا مرجع خوب داریم که دومی بهتره:

  • مرجع اول قسمت تست سرعت سایت گوگل هست. ولی بدیش اینکه اولا برای ایرانی ها امکان دسترسی وجود نداره و باید با فیل وارد بشید و دوما هم اینکه کش خوبی نداره و با اینکه شما تغییرات را اعمال می کنید اون بخوبی نشون نمیده!

 

  • پس میاییم سر مرجع دوم  یعنی سایت Gtmetrix که خیلی سایت بهتریه. البته وقتی سایتتون رو توش انالیز می کنید خودش برای تصاویر و فایل ها و حتی کد html شما فایل های بهینه هم آماده می کنه ولی پیشنهاد من اینکه برای بهینه سازی تصاویر و استایل ها از ۲ سایت زیر کمک بگیرید و دلیلش هم اینکه، تو این سایت تصاویر بهینه شده خودش را هم که میزاری بازم دوباره که آنالیز کنید، بازم تصویر بهینه پیشنهاد میده! در ضمن یکسری پیشنهاد در مورد ادغام کد های جاوا و یا استایل ها بهتون ممکنه بده که اگه از این کدها سر رشته ای ندارید اصلا دستش نزنید ولی از کد پیشنهادی برای قسمت html هم میتونید استفاده کنید.

افزایش سرعت بارگذاری صفحه

بهینه سازی تصاویر

برای بهینه سازی عکس یکسری برنامه و کلی سایت وجود داره ولی میخوام یه مرجع معتبر به نام یاهو را برای این کار بهتون معرفی کنم. کافیه وارد سایت smush.it بشید و در قسمت upload تصاویر مورد نظر را وارد نمایید. البته راحت تر هستید در قسمت Url آدرس تصاویری که در سایتتون هست را وارد کنید و بعد دکمه Smush را بزنید تا کار تمام بشه و سپس فایل های مورد نظر را در یک فایل فشرده دانلود کنید و در هاست خودتون جایگزین کنید. این سایت تصاویر را به بهترین نحوه و کمترین افت کیفیت برای موتورهای جستجو آماده می کنه و اصلا دوباره کاری هم نداره!

برای بهینه سازی تصاویر در سیستم های مدیریت محتوا هم امکانات فراوانی وجود داره که به طور مثال در سیستم مدیریت محتوای محبوب وردپرس میتونید از افزونه Wp Smush.it استفاده کنید.

 

بهینه سازی کدها

بحث بهینه سازی کدهای استایل، جاوا و اچ تی ام ال به منزله کم کردن و از بین بردن فاصله های اضافه ایست که کدنویس در حین نوشتن کدها ایجاد کرده است. البته در این حین باید مراقب بود که این از بین بردن فاصله ها بخصوص در کدهای استابل و جاوا باعث از کار افتادن کارها و بهم ریختن استایل نشه.

برای بهینه سازی کدهای CSS وارد سایت بهینه سازی کدهای استایل بشید. هر کد استایل خودتون را به صورت جداگانه در قسمت موجود کپی کنید و بعد دکمه Compress را بزنید. مابقی تنظیمات هم بزارید روی حالت تنظیم شده بمونه.

برای بهینه سازی کدهای Java وارد سایت بهینه سازی کدهای جاوا بشید. هر کد جاوا خودتون را به صورت جداگانه در قسمت موجود کپی کنید و بعد دکمه Compress را بزنید. در این سایت میتونید کدهای جاوا اسکریپتتون را دیکد هم بکنید.

برای بهینه کردن کدهای html هم وارد سایت بهینه سازی کدهای html بشید و کد هر صفحه را جداگانه وارد کنید و دکمه Compress را بزنید. فقط توجه کنید قبل از زدن، در منوی سمت راست، گزینه Charset را روی Unicode-utf8 قرار بدید. در ضمن توجه داشته باشید این کار برای سایت های ایستا مناسبه و سایتهای پویا اصلا نمیتونن از این سیستم استفاده کنند!

البته برای بهینه سازی هر ۳ نوع کد بالا، در سیستم های مدیریت محتوا، افزونه ها و کامپوننت های خوبی وجود داره که انشالا به زودی این افزونه های سئو را هم به شما معرفی خواهیم کرد.

تا اینجا یاد گرفتیم که تصاویر و استایل ها و همچنین کد های html و جاوا را بهینه کنیم. به زودی براتون یکسری از آموزش های مربوط به همین سرعت باز شدن صفحه که با کد نویسی هست را هم قرار میدم. در ضمن یکسری افزونه به درد بخور تو این زمینه هم براتون در نظر دارم که اون ها را هم سر فرصت معرفی میکنم.

موفق باشید

No votes yet.
Please wait...
  • بازدید: 2,220 بار
  • ۵۷ دیدگاه
امیر حیدری
دوست دارم مبانی بهینه سازی و سئو سایت را بصورت اصولی و به دور از هرگونه دروغ و بزرگنمایی به وبمسترها ارائه بدم...
۵۷ دیدگاه در "افزایش سرعت بارگذاری صفحه"
  • هوشنگ قربانیان

    ممنونم. عالی بود.

  • http://www.20dl.ir

    من که چیزی متوجه نشدم
    مثلا توی این ادرس

    بهینه سازی استایل
    http://2oo.ir/cssmin

    باید چیکار کنم کدهای فایل سی اس اس رو کپی کنم و بعد کد جدید به من میده تا جایگزین کدهای قبلی کنم در این صورت مشکلی پیش نمیاد
    درسته همین کارو میکنه بیشتر توضیح بدید

    • admin

      سلام
      دقیقا همینکه گفتی.مشکلی هم پیش نمیاد.البته همیشه قبل از هر کاری یک نسخه کپی از فایل اصلیت داشته باش!

  • panoram

    سلام.
    من وقتی آنالیز میکنم. بعد تو تب TIMELINE میرم. یک سری ایراد هایی از قبیل GET print CSS میگیره و page 404 معرفی میکنه!!!
    اصلا تو هاست من چنین چیزی نیست. و منظور اینه که من باید چنین چیزی داشته باشم؟؟ برای پرینت پست ها و… ؟؟
    چه جوری؟؟ ممنونم از راهنمایی شما

    • admin

      سلام
      این بخش نحوه بارگذاری سایت شما در فایرفاکس را نشون میده و در کنار اون مشکلاتی مثل ارور ۴۰۴ و … را هم میگه. این ۲ تا اروری هم که برای شما داده مربوطه به اینکه شما تا سایتت جایی استایلی بنام print.css را فراخونی کردی ولی همچین فایلی تو اون درس نیست و ارور ۴۰۴ داده!

  • مهندس محمدجواد میرزابیگی

    جالب و مفید مثل همیشه.
    ممنون.
    من هنوز فامیل شمارو نمیدونم.
    میشه بفرمایید ؟

    • admin

      خواهش می کنم مهندس جان.بنده حیدری هستم

      • مهندس محمدجواد میرزابیگی

        بسیار بسیار خوشبختیم قربان.
        یه سوال:
        واقعا داشتن یه پخش کننده موسیقی ۵۰۰ کیلوبایتی تاثیر بسزایی در کاهش سئو و ایندکس گوگل میذاره !؟

        • admin

          سلام
          به همچنین
          با این روالی که گوگل در رعایت حقوق مصرف کنندگان در پیش گرفته این قضیه سرعت لود صفحه توی سئو تاثیر زیادی داره.البته در کم کردن ایندکس نه.البته ۵۰۰ کیلوبایت خیلی خیلی زیاده.حجم کل صفحه نباید اینقدر باشه چه برسه یک فایل!

          • مهندس محمدجواد میرزابیگی

            چشم.
            وقتی استاد میفرمایند چاره ای نیست باید حذفش کنیم.
            ولی عزیز قبول کن با عکسها و اسکریپتهایی که بطور معمول قرار میگیره حجم بالاتر از اینا میره !!
            مگه اینکه فقط متن بذاریم .نه عکسی نه هدر نه چیزی.
            میشه بازم راهنماییمون کنید قربان.
            ببخشید اینقد سوال میپرسیم.
            کاش بتونیم جبران کنیم زحمات شمارو.

            • admin

              چشمتون بی بلا
              ما که در مقابل شما حرفی نداریم
              اتفاقا اصلا اینطوری نیست.الان صفحه اول همین سئو کلی عکس توشه.و کلی هم فایل استایل.ولی کلا حجم بهینه شده این صفحه شده کمتر از ۴۵۰ کیلو بایت!
              همین بهینه سازی تصاویر خیلی تاثیر زیادی تو حجم و سرعت لود داره
              جبران نکرده عزیزید

          • مهندس محمدجواد میرزابیگی

            مثل همیشه سپاسگذاریم.
            یه بار مطالب گذشتتونو خونده بودیم ولی واجب شد دوباره با دقت بیشتری مرور کنیم. اینقد خوب و سریع پاسخ میدید که آدم وسوسه میشه همه سوالاشو پشت سرهم بپرسه.
            داشتن شما دلگرمی بسیار بسیار بزرگی برای ما بوده و هست.
            یک دنیا تشکر.

            • admin

              شما هم که طبق معمول به ما لطف دارید

  • محسن

    آقا خیلی کارت درسته ممنون از مقاله مفیدت

    • admin

      درستی از خودتونه

  • panoram

    ممنونم .
    اما من کل فایل ها رو گشتم.. جایی اثری از یار گذاری فایل print.css ندیم!!

    • admin

      اینطور که میگه مربوط به پوسته فیسبوک هستش.حالا به نظر من یه فایل خالی با هیمن نام تو همین ادرس قرار بده.ضرر که نداره هیچی، سود هم داره!

  • iman

    سلام . ادمین میشه تو اون ادرس دومی که دادی وضعیت وبلاگمو ببینی و بهم بگی خوبه یا بد .

    www.barcanews.org

    😀

    • admin

      سلام.نه نمیشه! خوب معلومه که میشه!
      بد نیست ولی خیلی میشه بهترش کرد.بخصوص با کار کردن رو عکسها و استایل
      این هم گزارش سایتت بصورت پی دی اف:
      http://2oo.ir/2723

  • panoram

    سلام.
    یه فایل print.css خالی ساختم!! مسی از راهنمایییت
    کاری به من نداشتا.. اما رو اعصابم بود اون ارور :دی

  • panoram

    به نظرتن برای افزایش سرعت بارگذاری سایتم دیگه چه کارهایی میتونم انجام بدم؟؟

    • admin

      سلام
      بجز این موارد موردی هاست هم هست که قبلا در موردش صحبت کردیم

  • حمید

    سلام و خسته نباشید
    من بهینه سازی عکس ها رو زدم، و گذاشتم رو هاست، ولی بهینه سازی استایل که زدم کد ها رو کلا نامنظم تحویل داد؛ چون شما گفته بودید گذاشتم تو استایل و رو هاست ریختم، سرعت گوگل http://2oo.ir/pagespeed1 از ۷۸ شد ۷۹ ولی چون کدها نامرتب بود برگردوندم، حالا یه سوالی دارم، میشه راهنمایی ام کنید که چطوری من سرعتم رو افزایش بدم؟ تا به بالای ۸۰ برسه؟ ممنون

    • admin

      سلام
      آره وقتی استایل را بهینه می کنه خطها را پشت سر هم میکنه.خوب شما تصاویرت خیلی مونده بهینه بشن.حتی کد html صفحه اصلیت هم میتونه بهینه بشه

  • خشایار

    یک سوال سرعت لود چه قد در سئو تاثیر دارد؟

    الان میانگین حجم صفحات وب ۱ مگابایت است در حالی که سال قبل ۷۰۰ مگ بوده یعنی درصد سئو از پارسال افت کرده؟

    • admin

      سلام
      تو الگوریتم پاندا مثل اینکه خیلی تاثیر داره.۱ مگ؟میانگین چی؟کجا؟حرف از کیلوبایته خشایار جان

      • خشایار

        حواسم نبود دومی ۷۰۰ کیلوبایت بود :mrgreen:

        • admin

          اونکه ۱۰۰% ولی کلا ۱ مگ هم خیلی زیاده.الان ۴۰۰ کیلوبایت هم رو به زیادی خونده میشه.چه برسه ۷۰۰ کیلوبایت!

  • Erfan

    سلام،من تا امروز اصلا به بهینه سازی سایتم توجه نکرده بودم و آمار سایتم هم پیشرفتی نمیکرد اما با سایت شما که آشنا شدم وسوسه شدم که کارهایی که شما میگید رو انجام بدم ببینم چه تاثیری داره،من تو این سایت »» ۲oo.ir/pagespeed1
    سایتمو چک کردم و نمیدونم سایتم مشکلی داره یا نه اگر میشه شما هم یه چک بکنید ببینید وضعیت سایتم خوبه یا خیلی خرابه؟ 🙁

    • admin

      سلام
      پس حسابی خوش اومدید
      سایتتون از نظر سرهت باید روی استایل و کدهای جاوا کار بشه ولی از نظر سئو:

      طول و عرض بعضی از تصاویر تعیین نشده
      بعضی از تصاویر ویژگی alt ندارن
      کدهای هدر کار نشده
      کلمات کلیدی و توضیحات هم باید روشون کار بشه

  • http://www.20dl.ir

    سلام بر مدیر وخسته نباشی
    میشه سایت منم یه چک بکنی ببینی وضیعیتش چطوره ولود شدنش چی چقد طول میکشه بالا بیاد ازت ممنون میشم منتظرم

    • admin

      سلام به شما
      الان که من تست کردم خیلی طول کشید تا لود بشه.با سایت هم چک کردم ۷۷% که پایینه! روی تصاویر و کدها کار کن.جای کار خیلی دارن

  • محمدامین

    سلام ببخشید میشه سایت ما رو هم یه امتحانی بکنید ببینید وضعیتش چجوریه؟www.javandownloads.ir

    • admin

      سلام
      موردی نداره

  • hasan

    خیلی ممنونم , مقاله خیلی مفید بود و همچنین سایت هایی که معرفی کردین 😡

  • میثم

    سلام آقای حیدری مرسی از مقاله خیلی عالی بود من برای اولی بار با ارتیستر یایتمو یاختم و از دستورات شما هم پیروی کردم بازم تشکر

    • admin

      سلام
      ممنون میثم جان.انشاالله که موثر واقه بشه

  • محمد

    سلام مجدد
    ممنونم از مقاله ی خوبتون.
    برای این بهینه سازی تصاویر با سایت smush سوالی داشتم.
    توی وردپرس یه پلاگین داریم که گفته تصاویر رو با همین سایت بهینه میکنه به صورت اتوماتیک.
    ولی من همیشه ترسیدم امتحانش کنم. حتی نصبشم کردم ولی ترسیدم امتحان کنم یهویی تمام تصاویر رو دوباره کپی کنه توی هاست و یا مشکلی بوجود بیاره.
    اسم پلاگینش اینه : WP Smush.it
    ممنون میشم یه توضیح و آموزشی در مورد این پلاگین بدین.
    با تشکر

    • admin

      سلام
      اتفاقا میخواستم همین امروز این افزونه را معرفی کنم.نخیر مشکلی بوجود نمیاره.خیالتون راحت.من تست کردم!

      • محمد

        سلام مجدد
        پس چی شد قرار بود معرفی کنید افزونه WP Smush.it رو.
        میشه یه توضیحی در مورد کارکردش بدین و اینکه تنظیماتش کلا چطوری باید باشه ؟
        و اینکه جدا تاثیر داره این روش یا زیاد فرقی نداره ؟
        با تشکر
        یا علی

        • admin

          شرمنده محمد جان که دیر شد. نوشته قرار گرفت

  • Ajoudanian

    دوست عزیز سایت ۲oo.ir داون هست و هیچکدام از لینک ها کار نمیکنه.
    لطف کنید لینک های اصلی را در متن بزارید.

    ممنون

    • admin

      سلام
      لینک ها درست شد.موفق باشید

  • farhad

    سلام من سایت خودم زدم مشخصاتش این زد
    Page load time: 8.35s
    Total page size: 531KB
    Total number of requests: 55
    این خوبه یا بده
    و این که در مورد امارهای که پایین داده من چیزی نفهمیدم میشه راهنمایم کنید

    • admin

      سلام
      الان که من دیدم زمانش ۱۱ ثانیه بود. زیاد بد نیست. سرعت سایت شما رو ۸۳% هست.البته بهت رهم میتونه بشه.ان چیزایی که پایین نوشته مربوط به بهتر شدن سرعت هست.مثلا بهینه کردن تصاویر،بهینه کردت کدحای جاوا،بهینه کردن جاوا اکسکریپتها و …

  • Reza

    سلام .. از شما بابت پست های توپتون ممنونم

    یه سوال داشتم .. توی اون مرجع دوم بررسی سرعت سایت وقتی سایتم رو میزنم مورد Enable Keep-Alive رو برام ۶۰ درصد نشون میده و حساب کردم اگه این مورد مثل سایت های دیگه بشه ۱۰۰ درصد یه تاثیر زیادی رو سرعت سایتم داره

    اگه میشه بگید این مورد چی هست ؟؟ شنیدم مال آپاچی سایت هست ولی چطور میتونم زیادش کنم ؟؟

    • admin

      سلام
      بله مربوط به هاستتون میشه.یه جورایی lمربوط میشه به درخواست مشابه از یک سرور.البته من اطلاع زیادی هم در موردش ندارم!

  • امیر

    http://2oo.ir/cssmin کاز نمیکنه

    • admin

      کار میده که امیرجان!

  • JiGoOoL

    فوق العاده به دردبخور بود
    دمت گرم!!!

  • وحید

    من استایل رو بهینه کردم ولی یسری چیزها توش بهم ریخت چرا؟

    • امیر حیدری

      سلام
      گاهی اوقات این سیستمهایی که استایل را بهینه میکنند این مشکل را دارند.چون میان یکسری کدها را بی استفاده تشخیصمیدن ولی بازم یه جا استفاده شدن!

  • مسعود بیات

    آخه چقد دروغ میگین شماهااا؟ این همه از آدرس هاتون استفاده کردم همشون الکی بودن که اخه..
    خیلی نامردین 👿 👿 👿

    • امیر حیدری

      متاسفانه این مشکل به این دلیل بوجود اومده که سیستم کوتاه کننده لینک حذف شده!

  • بازتاب: سئو تصاویر و سرعت بارگذاری صفحه

  • بازتاب: معرفی افزونه وردپرس Use Google Libraries