جستجو برای:
  • دوره‌های آموزشی
    • کسب و کار اینترنتی پولساز
    • تبدیل ایده به محصول
    • خلق استراتژی کسب و کار
    • ایجاد مزیت رقابتی در کسب و کار
  • آموزش رایگان
    • دوره رایگان کسب و کار اینترنتی
    • ویدیوهای آموزشی
    • پادکست‌های آموزشی
  • وبلاگ
    • کسب و کار اینترنتی
      • کارآفرینی اینترنتی
      • کار در منزل
      • ایده های پولساز
      • مدیریت کسب و کار اینترنتی
    • بازاریابی اینترنتی
      • سئو
      • ایمیل مارکتینگ
      • سوشیال مارکتینگ
      • اینستاگرام مارکتینگ
      • همکاری در فروش
    • کارآفرینی
      • ایده های کارآفرینی
      • کسب درآمد
      • استارت آپ
      • برندسازی
      • موفقیت فردی
      • معرفی کارآفرینان برتر
  • کسب درآمد
  • حساب کاربری
تلفن تماس: ۲۳۴۵۶ ۲۸۴ ۰۲۱
بهترین ایده
  • دوره‌های آموزشی
    • کسب و کار اینترنتی پولساز
    • تبدیل ایده به محصول
    • خلق استراتژی کسب و کار
    • ایجاد مزیت رقابتی در کسب و کار
  • آموزش رایگان
    • دوره رایگان کسب و کار اینترنتی
    • ویدیوهای آموزشی
    • پادکست‌های آموزشی
  • وبلاگ
    • کسب و کار اینترنتی
      • کارآفرینی اینترنتی
      • کار در منزل
      • ایده های پولساز
      • مدیریت کسب و کار اینترنتی
    • بازاریابی اینترنتی
      • سئو
      • ایمیل مارکتینگ
      • سوشیال مارکتینگ
      • اینستاگرام مارکتینگ
      • همکاری در فروش
    • کارآفرینی
      • ایده های کارآفرینی
      • کسب درآمد
      • استارت آپ
      • برندسازی
      • موفقیت فردی
      • معرفی کارآفرینان برتر
  • کسب درآمد
  • حساب کاربری
0

ورود و ثبت نام

بلاگ

بهترین ایده / بازاریابی اینترنتی / مسدود کردن رندر جاوا اسکریپت و سی اس اس

مسدود کردن رندر جاوا اسکریپت و سی اس اس

مسدود کردن رندر جاوا اسکریپت و سی اس اس جهت افزایش سرعت صفحه

مسدود کردن رندر جاوا اسکریپت و سی اس اس : بسیاری از پیشنهادات Google PageSpeed Insights کلی هستند و می تواند برای پیاده سازی خیلی سخت باشد. یک پیشنهاد معمول این است :

” حذف  مسدود کردن رندر جاوا اسکریپت و سی اس اس  در محتوای بالا ”

WP Rocket دارای ۲ گزینه برای پاسخگویی به این توصیه است. می توانید آنها را در تب Static Files  در زیر

Render-blocking CSS/JS پیدا کنید:

مسدود کردن رندر جاوا اسکریپت و سی اس اس
مسدود کردن رندر جاوا اسکریپت و سی اس اس

 

با فعال کردن این گزینه ها می توانید بهبودی در نمره PageSpeed یا رتبه GT Metrix/Pingdom ببینید. نتایج از سایتی به سایت دیگر متفاوت خواهد بود. همیشه به یاد داشته باشید که تاثیر سرعت روی سایت را تست کنید.

بیشتر بخوانید : بهینه سازی سایت با Autoptimize یا WP Rocket

بارگذاری فایل های JS  معلق

این گزینه توصیه های PageSpeed را مورد خطاب قرار می دهد.

” مسدود کردن رندر جااسکریپت را حذف کنید”

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

با فعال کردن این گزینه، همه فایل های  JS  شما، از جمله آنهایی که توسط WP Rocket ، مینی فای شده اند، با ویژگی defer بارگذاری می شوند.

 

مسدود کردن رندر جاوا اسکریپت و سی اس اس
مسدود کردن رندر جاوا اسکریپت و سی اس اس

 

بعد از فعال کردن این گزینه، اگر مسائل دیگری در سایت داشتید، ممکن است نیاز به فعال کردن Safe Mode یا حالت ایمن داشته باشید، که jQuery را از تعلیق حذف می کند، برای دلائل سازگاری:

 

 

مسدود کردن رندر جاوا اسکریپت و سی اس اس
مسدود کردن رندر جاوا اسکریپت و سی اس اس

 

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

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

 

فایل هایی که به کار نمی روند

اگر یکی از ویژگی های زیر وجود داشته باشد defer  اعمال نخواهد شد:

Async

Data-cfasync=”false”

 

بهینه سازی CSS delivery

هنوز نسخه های ویژه موبایل برای css تولید نشده است. اهمیت css برای موبایل هم زیاد است، اما به طور جداگانه هنوز ایجاد نشده است.

 

Generate Critical Path CSS

افزونه WP Rocket به عنوان مناسب ترین بهینه ساز عمل می کند و عملکرد پیشرفته ای دارد.

 

مسدود کردن رندر جاوا اسکریپت و سی اس اس
مسدود کردن رندر جاوا اسکریپت و سی اس اس

 

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

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

برای هر یک از این نوع صفحات Critical Path CSS را به طور جداگانه اضافه خواهد کرد، و به افزونه WP Rocket ارسال می کند که سپس آن را به صفحات مربوطه اضافه می کند همانطور که آنها توسط بازدید کننده درخواست می شوند یا از WP Rocket cache preloader درخواست می شوند.

بنابراین Critical Path CSS تولید شده توسط  WP Rocket تولید می شود که ویژگی های موجود در انواع مختلف صفحات وب سایت شما موجود است. برای مثال، اگر در صفحه اول شما یک اسلایدر وجود داشته باشد Critical Path CSS این ویژگی را برای آن صفحه نشان خواهد داد، در حالی که  Critical Path CSS برای یک پست وبلاگ ممکن است کد متفاوتی را نشان دهد.

 

هنگامی که Critical Path CSS بازسازی می شود

هنگام ایجاد تغییرات در stylesheets یا اضافه کردن/ تغییر دادن  سی اس اس سفارشی از طریق WordPress Customizer ( یا یک افزونه )، شما باید به طور دستی Critical Path CSS را از طریق منوی ابزار WP Rocket بازسازی کنید.

مسدود کردن رندر جاوا اسکریپت و سی اس اس
مسدود کردن رندر جاوا اسکریپت و سی اس اس

 

Critical Path CSS به صورت خودکار بازسازی خواهد شد وقتی که شما:

  • گزینه Optimize CSS delivery را فعال می کنید.
  • قالب ها را تغییر می دهید.

 

ابزار Critical Path CSS Generator

چند نکته در مورد اینکه این ابزار چگونه کار می کند:

  • سایت شما باید به طور عمومی برای کار قابل دسترس باشد، به این معنی است که آن برای سایت هایی که میزبانی محلی می شوند کار نخواهد کرد.
  • مسیر های نسبی در تصاویر و فونت ها به طور خودکار به URL های مطلق تغییر خواهد کرد.
  • Critical Path CSS به دقت ترمیم و minify  می شود. این به این معنی است که، هر فضای مورد نیازی ( شبیه داخل عملیات calc()) یا بک اسلش حفظ خواهد شد.
مسدود کردن رندر جاوا اسکریپت و سی اس اس
مسدود کردن رندر جاوا اسکریپت و سی اس اس

جلوگیری از تولید خودکار Critical Path CSS

ممکن است بخواهید با افزونه های کمکی از تولید خودکار critical path CSS جلوگیری کنید.

 

ویرایش Critical Path CSS تولید شده

اگر می خواهید Critical Path CSS تولید شده توسط ابزارها را ویرایش کنید مراحل زیر را دنبال کنید:

  • از ابزارهایی استفاده کنید که critical path CSS را به طور خودکار برای سایت شما تولید می کنند.
  • با اضافه کردن افزونه کمکی تولید خودکار در آینده را غیر فعال کنید.
  • فایل های css تولید شده روی سرور شما ذخیره می شوند: wp-content/cache/critical-css

اگر یک توسعه دهنده هستید و css  را درک می کنید، می توانید آنها را مستقیماً ویرایش کنید.

  • کش WP Rocket را پاک کنید.

 

Fallback Critical Path CSS

در مواردی که ابزارها نتوانند critical path CSS را تولید کنند، می توانید از فیلد fallback استفاده کنید تا خودتان مشخص کنید. این در مواردی که critical css به تازگی ایجاد نشده است اعمال خواهد شد. برای ایجاد css  مورد نیاز می توانید از ابزار Critical Path CSS Generator استفاده کنید.

  • قبل از اینکه شروع کنید به استفاده از این ابزار، WP Rocket را در حالت غیر فعال یا Turn off قرار دهید.
  • نشانی اینترنتی خود را در ابزار وارد کنید و سی اس اس تولید شده را در فیلد Fallback critical path CSS در WP Rocket کپی کنید.

 

 

مسدود کردن رندر جاوا اسکریپت و سی اس اس
مسدود کردن رندر جاوا اسکریپت و سی اس اس

 

نکته : شما به هیچ اسکریپتی که توسط ابزار  تولید شده ندارید. فقط  css  را در تنظیمات  WP Rocket کپی کنید، آن به طور خودکار از بخش  JS  محافظت  می کند.

ممکن است مجبور شوید هر نشانی اینترنتی مرتبط در کد را ویرایش کنید( برای مثال برای تصاویر پس زمینه، فونت ها و غیره ) و به صورت دستی آنها را به  url  های مطلوب تبدیل کنید.

برای مثال، اگر  css  تولید شده شامل یک منبع نسبی از یک فونت باشد مثل این :

[php]
@font-face{font-family:droid_serifregular;src:url(../DroidSerif-webfont.eot);
[/php]

مسیر نسبی (که با / در  url  نشان داده می شود) زمانی که از متن اصلی حذف می شود، درست نخواهد بود. بنابراین باید آن را با مسیر مطلق صحیح جایگزین کنید، برای مثال :

[php]
@font-face{font-family:droid_serifregular;src:url(http://example.com/wp-content/themes/neutro/font/droid_serif_regular/DroidSerif-webfont.eot);
[/php]

۱
۲
۳
۴
۵
میانگین امتیازات ۳.۷ از ۵
از مجموع ۳ رای
اشتراک گذاری:
در تلگرام
کانال ما را دنبال کنید!
در اینستاگرام
ما را دنبال کنید!

iman.ghasedian

بهت کمک می‌کنم توجهت رو بذاری روی خودت و عمیق‌تر زندگی‌‌‌وحالت رو تغییر بدی

این بازی یک‌ بازی معمولی نی این بازی یک‌ بازی معمولی نیست بلکه فلسفه زندگی توه 🎲❤️

صفحه بازی، صفحه زندگی توه
‌و تو بازیگری 🎲❤️
همه اون فرصت‌هایی که تو زندگی سر راهت قرار می‌گیره، نردبان‌های بازی هستن و تمام مسائل، مشکلات، شکست‌ها، درد ‌‌و رنج‌ها، نیش مارهای این بازی 🎲❤️

تو این بازی من ۷ درس مهم یاد گرفتم که به توهم گفتم 🎲❤️

حتما ازت میخوام دوتا استیکر 🎲❤️ پایین پست برام بذاری 🎲❤️

منتظرم رفیق 🎲❤️

#بازی #زندگی #فلسفه #ماروپله #شانس #خوشحالی #ناراحتی #روانشناسی #فرزند #صبر #ایمان_قاصدیان #ایران
توضیحات سفر رو حتما بخون 😍 توضیحات سفر رو حتما بخون 😍
۲۸ اردیبهشت ۱۴۰۱

به همراه یک گروه‌باحال زدیم به دل طبیعت

🚌 صبح ساعت ۵ صبح از تهران راه افتادیم 
به سمت جاده چالوس

یک توقف تونل کندوان داشتیم و صبحانه خوردیم  و به سمت مقصد از یکی از خروجی‌های جاده چالوس خارج شدیم و‌ جاده کاملا شیبدار بود و در عرض ۲۰ دقیقه چیزی حدود ۱۵۰۰ متر ارتفاع از سطح دریا گرفتیم

طبیعت فوق العاده بی‌نظیری بود…

😍 به مقصد رسیدیم و در یک خانه روستایی بسیار باصفا وسایل رو گذاشتیم و با نون محلی و پنیر تازه و چایی شیرین از ما استقبال شد…

بعد از اینکه توی روستا دوری زدیم ‌‌کنار رودخونه پایی به آب زدیم برگشتیم و نهار خوردیم و بعد از یک استراحت کوتاه سوار تراکتور شدیم و تا دامنه کوه رفتیم و از اونجا که از تراکتور پیاده شدیم ۱۲ کیلومتر در مسیری که توی ویدیو می‌بینید هایکینگ داشتیم تا رسیدیم به یک چشمه و بعد ۱۵ دقیقه‌ از چشمه که بالاتر رفتیم رسیدیم به یک یخچال طبیعی…

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

  من عاشق طبیعت‌های بکر‌ و خلوت هستم برای افزایش تمرکز و سطح انرژیم و
تو این سالها با دوست فوق العاده ای آشنا شدم که تورلیدر هست و کلا تورهاش بصورت بکرگردی هست و بسیار پسر فوق‌العاده‌ای هست 
آیدی پیجش رو میذارم که اگه‌دوست داشتید باهاش طبیعت گردی برید شاید قسمت بود در تور مشترکی همسفر شدیم

@safaryab.us 

بعد از این پیاده روی نسبتا سنگین، تا خود روستا پیاده برگشتیم و واقعا خسته شدیم اما سرشار از انرژی 

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

یک‌شام‌سبک خوردیم و خوابیدیم 😴

🌞 صبح طبق عادت ساعت ۵:۳۰ صبح بیدار شدم

ادامه در کامنت…

______________________
خیلی خوشحال میشم احساست رو از دیدن این ویدیو برام بنویس ❤️ یا با یه استیکر 😎✌️👏😍🤩✋ منتظرم …
______________________

🎬: @iman.ghasedian 

🎵: @amiralibahadori 
______________________

#نگرانی #آینده #خوشبختی #سفر #طبیعت #طبیعت_ایران #حال_خوب #انرژی_مثبت #فیلم #موزیک #طبیعت_بکر #ایمان_قاصدیان #سفریاب
چرا انقدر شروع بی‌پایان داریم تو زندگی‌مون؟
چرا هی شروع کردیم و وسط راه ولش کردیم؟

تو این پادکست توضیح دادم…

توی کامنت از تجربه شروع بی پایان خودت برام بنویس

#شروع #تصمیم #تصمیم_گیری #احساسی #احساس #اطلاعات #فقر #ثروت #ایران #گرانی #تورم #ایمان_قاصدیان #تحول #تحول_بزرگ
❤️بخش دوم لایو شماره ۱ سفر ❤️بخش دوم لایو شماره ۱ سفر تحول بزرگ

_______________

دوره 👇رایگان تحول بزرگ
@iman.ghasedian 
_______________

توی این ویدیو می تونی کل مطالب آموزشی ۲۳ روز اول تحول بزرگ + یکسری محتوای مکمل در لایو ارائه شد که به دلیل دایرکت‌ها و درخوا‌ست شما که موفق به حضور در لایو نشدید تصمیم گرفتم بلافاصله بعد از لایو این ‌ویدیو رو که حتی از لایو اصلی هم کامل‌تره 

ویدیو بدلیل تایم بالا به دو بخش قسمت شد که بخش اولش رو دیشب گذاشتم 

#سفر #تحول #تحول_درون #خودشناسی #آرامش #ایمان_قاصدیان #تغییر #زندگی #اکسپلور #اینستاگرام
❤️بخش اول لایو شماره ۱ سفر ❤️بخش اول لایو شماره ۱ سفر تحول بزرگ

_______________

دوره 👇رایگان تحول بزرگ
@iman.ghasedian 
_______________

توی این ویدیو می تونی کل مطالب آموزشی ۲۳ روز اول تحول بزرگ + یکسری محتوای مکمل در لایو ارائه شد که به دلیل دایرکت‌ها و درخوا‌ست شما که موفق به حضور در لایو نشدید تصمیم گرفتم بلافاصله بعد از لایو این ‌ویدیو رو که حتی از لایو اصلی هم کامل‌تره 

ویدیو بدلیل تایم بالا به دو بخش قسمت شد که فردا بخش دو گذاشته میشه در پیج

#سفر #تحول #تحول_درون #خودشناسی #آرامش #ایمان_قاصدیان #تغییر #زندگی #اکسپلور #اینستاگرام
دوره رایگان تحول بزرگ در اینستاگرام
مطالب زیر را حتما بخوانید
  • تولید محتوا
    تولید محتوا : یک مهارت پولساز بدون سرمایه

    21.57k بازدید

  • الگوریتم اینستاگرام
    الگوریتم اینستاگرام چگونه کار می کند؟

    3.52k بازدید

  • پولسازی با اینستاگرام
    پولسازی با اینستاگرام | کسب درآمد از اینستاگرام

    36.96k بازدید

  • افزایش فالوور اینستاگرام
    ۲۷ روش افزایش فالوور اینستاگرام

    55.13k بازدید

  • الگوریتم های گوگل
    الگوریتم های گوگل و معرفی جدیدترین الگوریتم گوگل

    3.2k بازدید

  • بازاریابی موتورهای جستجو
    بازاریابی موتورهای جستجو چیست؟

    2.45k بازدید

دیدگاهتان را بنویسید لغو پاسخ

آکادمی
  • کسب و کار اینترنتی
  • بازاریابی اینترنتی
  • ایده های پولساز
  • ایمیل مارکتینگ
  • مهارت های پولساز
  • افزایش فالوور اینستاگرام
  • کسب درآمد از اینستاگرام
  • افزایش ترافیک سایت
پربازدید
  • دوره رایگان
  • درباره ما
  • همکاری در فروش
  • تماس با ما
جستجو برای:
بهترین ایده
با آموزش کسب و کار اینترنتی از ایده‌های پولساز تا یادگیری مهارت‌های پولساز در کنار شما هستیم. کمک می‌کنیم یک کسب و کار خانگی در منزل راه‌اندازی کنید. ما به شما آموزش می‌دهیم با کار در منزل و فقط با موبایل و بدون سرمایه پولسازی از اینترنت را شروع کنید.
بهترین ایده : کسب و کار اینترنتی برای همه | © Copyright 2021 behtarinideh

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت