illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

نکاتی برای داشتن سایتی ( Site Faster ) سریعتر ( قسمت 12 )

2 393 ۲۳ مرداد ۹۴

در این قسمت با ادامه نکات برای داشتن سایتی سریعتر در خدمت شما هستم. با ما همراه باشید.

اصل چهارم : بهینه سازی استفاده از تصاویر و ...

نکته 41: از پلاگینهای پخش تصویری استفاده نکنید

media plugin usage

بهتون پیشنهاد میکنم که تا حد ممکن از HTML5 Video استفاده کنید و از پلاگینهای دیگر مثل Flash player و Silver Light و ... استفاده نکنید و با اینکار از موتور خود مرورگر استفاده خواهید کرد. میتونین فقط برای مرورگرهای قدیمی از پلاگینها استفاده کنید. با رعایت این نکته عملکرد سایتتون بهبود خواهد کرد و سرعت بیشتری رو خواهد داشت.

نکته 42: بصورت فعالانه Media های بعدی رو دانلود کنید

proactively

در بعضی از مواقع لازمه که از مدیاهای سنگین و با کیفیتی استفاده کنیم. پس شما میتونین مدیاهای بعدی که بهشون نیاز هست رو بصورت ناهمگام ( Async ) دانلود کنید و اونا رو در App Cache و یا کش موقتی قرار بدین و زمانی که کاربر بر روی یک دکمه کلیک میکنه ، اون تصویر بجای اینکه از سرور دانلود بشه و زمان تلف بشه ، از کش گرفته میشه و سرعت بیشتر خواهد شد.

اصل پنجم : نوشتن کدهای Javascript سریع

نکته 43: در محاسبات از اعداد صحیح استفاده کنید

موتورهای Javascript مدرن شگفت انگیز هستند و در سالهای اخیر پیشرفت فراوانی داشته اند ولی در مقابل زبانهای برنامه نویسی دیگه مثل C++ ، سرعت خیلی کمتری در محاسبات داره. بیشتر دلیل این قضیه اینه که Javascript یک زبان داینامیک هست و لازم نیس که نوع متغیر رو مشخص کنیم ولی در زبانی مثل C ، ما باید خودمون نوع متغیر رو مشخص کنیم و این قضیه باعث میشه که زمان محاسبات Javascript بیشتر باشه.integer 1

همونطور که در تصویر بالا میبینید ، در سمت چپ برنامه ای به زبان C نوشته شده و در سمت راست نیز همون برنامه به زبان Javascript نوشته شده و هر دو یک کار رو انجام میدن. میبینید که در هر تابع حلقه ها 100 میلیون بار اجرا میشه. حالا اگر یک ورودی عدد صحیح به این تابع ها بدیم ، مدت زمانی که طول میکشه که برنامه اجرا بشه ، متفاوت خواهد بود:integer 2

همونطور که دیدین در C انجام محاسبات 40 میلی ثانیه خواهد بود و در Javascript نیز 200 میلی ثانیه خواهد بود. یعنی تقریبا Javascript پنج برابر زمان بیشتری رو برای انجام محاسبات میگیره. این در صورتی بود که ما از یک عدد صحیح استفاده کنیم ، حالا اگر از یک عدد اعشاری استفاده کنیم و محاسبات رو بر روی یک عدد اعشاری انجام بدیم ، نتایج متفاوتی بدست میاد که واقعا جالبه.integer 3

میبینید که همچنان در C ، همان 40 میلی ثانیه طول میکشه ولی در Javascript تقریبا 1600 میلی ثانیه طول میکشه که یعنی 40 برابر بیشتر از C!!!

پس دیدین که اعداد اعشاری در Javascript زمان خیلی بیشتری رو طلب میکنن و این بیشتر به این علت هست که Javascript یک زبان داینامیک هست. پس باید در برنامه های تحت وب تا جایی که میشه اعداد اعشاری رو به صحیح تبدیل کنیم و بر روی اونا محاسباتمون رو انجام بدیم. برای اینکار میتونین از توابع Math.floor و Math.ceil استفاده کنید و با اینکار سرعت اجرای برنامه هاتون افزایش خواهد یافت.integer 4

نکته 44: کدهای Javascript رو Minify کنید

بیشتر شما با این تکنیک و روش آشنایی دارین و میتونین با استفاده از این روش حجم کدهای JS رو کاهش دهید. این کدهای ابتدایی Javascript رو در نظر بگیرید:minify 1

حالا اگر فضاهای خالی رو حذف کنید ، بصورت زیر خواهد شد و از66 کاراکتر به 54 کاراکتر کاهش پیدا خواهد کرد.minify 2

حالا میتونین این کد رو خلاصه و جمع و جورتر کنید و اون رو بصورت زیر در بیارید و به 30 کاراکتر تبدیل بشه:minify 3

همونطور که دیدین نام متغیرهارو خلاصه کردیم و این میتونه خیلی بهتر باشه.

در قسمت بعدی نکات بیشتری رو براتون قرار میدم.

امیدوارم از این مطلب خوشتون اومده باشه.

پیروز و سربلند باشید

یا علی

Source

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 2 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏
    سیدرضا(۲۶ مرداد ۱۳۹۴)

    سلام داداش عالی بود تشکرفقط کاش روش ناهمگام ( Async ) دانلود مدیا را بیشتر توضیح بدین با یک مثال

  • ارسال دیدگاه

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

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

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram