Structured Data Markup Helper

در شرایطی‌که تنها HTML دارید، تگ HTML را تعیین فرمایید و کد خویش را آموزش سئو مشهد  در فریم وارد نمائید

زمانی که کلیه امور را جاری ساختن دادید، بر روی Start Tagging  آموزش سئو در مشهد  کلیک نمایید.

در برگه آنگاه، دو پنل مشاهده می کنید. پنجره سمت چپ مطالب شما میباشد، و پنجره سمت راست ابزار structured data میباشد.

در پنجره سمت چپ برای نشانه زدن چیزی هایلایت یا این که با ماوس درگ فرمایید. از جمله، برای نماد گذاری تیتر یک نوشته‌ی علمی، با کلیک چپ و کشیدن بر روی متنی که می خواهید هایلایت نمایید این فعالیت را جاری ساختن دهید. یک فریم پاپ آپ گشوده میگردد که مورد‌هایی برای برچسب‌های structured data متفاوت مشاهده می کنید:

از‌آنجا که دراین باره اسم نوشته ی علمی میباشد، name را برای آن گزینش فرمایید. تغییر و تحول را در پنل سمت راست پایین My Data Items خواهید روءیت کرد.

در حالتی‌که می خواهید یک تصویر را structured data نمائید، بر روی تصویر کلیک فرمائید و image را از فریم پاپ آپ گزینش نمایید.

وقتی که فعالیت mark کردن همگی چیز را در ورقه خویش به نقطه پایان رساندید، بر روی Create HTML در کناره بالا سمت راست کلیک نمایید.

در اینجا یک قدم اساسی در پیش رو میباشد. در قاب دوم سمت چپ کلیک فرمائید تا گشوده گردد و JSON-LD را به مکان microdata تعیین نمائید.

Structured Data Markup Helper

Structured Data Markup Helper

به طبع این عمل را اجرا دهید چون JSON-LD نوع ترجیح داده گردیده structured data به وسیله گوگل میباشد.

کد ایجاد گردیده را نسخه برداری نمائید و پیست نمایید. (در صورتی‌که می‌خواهید آن را گشوده هم اسکن نمائید، پیشنهاد می‌کنم فریم را گشوده نگه دارید)

همگی چیز تا به اکنون بسیار آسوده بوده میباشد، البته در‌این مرحله، قادر است یه خرده نقص‌ خواهد شد. دلیلش این میباشد که می بایست به تمام وبسایت خویش این اوامر را اضافه نمایید، که اکثر اوقات طاقت فرسا‌ترین قسمت از این فرآیند میباشد. در واقع، این structured data (درج شده در HTML) بایستی به کد منبع شما برود.

در شرایطی‌که وب سایت شما فقط پوشه های کاغذ استاتیک داراست، قرار دادن structured data در وبسایت شما بسیار آسوده میباشد. بر روی download در کناره بالا سمت راست کلیک نمائید.

البته در شرایطی‌که وبسایت شما دارنده صفحه ها غیر استاتیک میباشد، و از CMS به کار گیری می کنید خوب میباشد یا این که از طریق اولیه (شیوه گذشته) و یا این که از طریق سوم (طرز آجل) به کارگیری نمائید.

به کار گیری از ابزار Data Highlighter در گوگل وبمستر (نحوه ۳)

(این طریق نیز مانند طریق دوم منسوخ شد‌ه‌است البته میتوانید برای دریافت اطلاعات بیشتر بخوانید)

اینفوگرافیک جامع از Rich Snippet

فیض گیری: چرا می بایست به ریچ اسنیپت ها مداقه بخشید؟

وقتی که یک عبارت را در گوگل کاوش میکنید، کدام پیوند دقت شما‌را جلب می‌نماید؟ به عبارتی لینکی که ستاره های طلایی دارااست؟ دقیقاً

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

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

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

query for rich answers

نتیجه ها 850,000 کاوش در گوگل

گروه لغت ها کاوش گردیده مشتمل بر ترکیبی از پیشنهادات گوگل (Google Autocomplete)، پیشنهادات بینگ (Bing Suggest) و دسته ای از کلماتی بود که به طور دستی با مشورت کردن عده شد‌ه‌است. تعداد هر نوع کلمه ها کلیدی به آموزش سئو مشهد  تفصیل تحت هست:

query for rich answers

تعداد کلمه ها کلیدی از قسمت‌های گوناگون در‌این تست

قصد داریم تست را به دو نصیب تقسیم‌بندی کنیم، بخش نخستین تست مرتبط با عبارات کلیدی میباشد که بوسیله پیشنهادهای موتورهای کاوش بدست امده و تست دوم مرتبط با لغت ها کلیدی میباشد که به وسیله کارشناسان آموزش سئو در مشهد  تعیین شد‌ه‌است.

پیشنهادات گوگل (Google Autocomplete) چیست؟

پیش از استارت دو تست در صورتیکه بامفهوم Google Autocomplete شناخت ندارید به‌دنبال مثالی از پیشنهادات گوگل (Google Autocomplete) را مشاهده میکنید:

Google Autocomplete

پیشنهادهای گوگل در هنگام کاوش

تست اولیه – لغت ها کلیدی پیشنهادی موتورهای کاوش

این عبارات کلیدی نتیجه ها از پیشنهادات گوگل و بینگ تمرکز دارا‌هستند. لغت ها کلیدی به صورت هم اندازه از گوگل و بینگ به دست آمده‌اند و از هر یک از آن ها 250000 کاوش انجام یافته میباشد. که به صورت کلی 500000 کاوش نتایج شد. به جهت دوری از ذیل اثر قرار به دست آوردن مطالعه بوسیله هریک از موتورهای کاوش این چنین این فعالیت را اجرا دادیم. مواقعی که مشاهده کردیم:

result rich answers suggest search engine

سود آزامایش یک

تست دو – لغت ها کلیدی دلخواه

لغت ها کلیدی پیشنهادی به وسیله موتورهای کاوش منبع با ارزشی برای کابران و وبمستران میباشند، البته سوای ادله خاصی فقط منبع آیتم به کار گیری ما بودند، چون شم کردیم طبیعتا این پیشنهادات محصور می باشند و برای بدست آوردن تست ظریف‌خیس می بایست دامنه لغات کلیدی را پیشرفت اعطا کرد. به‌این مراد، بیش تر از 355000 واژه و کلمه کلیدی مازاد ساخت‌و‌ساز کردیم تا همانطور که پیش‌خیس گفته شد تست را ایفا دهیم.

:

result rich answers custom keywords

سود ازمایش دو

داده ها مندرج در rich answers از دامنه‌های واسطه

به صورت بدیهی گوگل در عده داده ها از دامنه های واسط سپرده گذاری کلانی جاری ساختن داده میباشد. بیش تر از 73% از جواب های بی نیاز (rich answers) آماده گردیده به وسیله گوگل دربرگیرنده لینکی به URL واسط، تحت عنوان منبع به آنان مراجعه می شود. گوگل از دامنه وسیعی از منابع برای داده ها استعمال می‌نماید. اقتدار دامنه از مداقه بالایی برخوردار‌است، در حدود 48% نتایجی که به منبع دیگری ارجاع می دهند، دامنه‌هایی با امتیاز دامین آتوریتی (Domain Authority) صد نیز می باشند. Domain Authority یا این که DA بوسیله وبسایت Moz برای هر دامنه براساس فاکتورهای خویش نیز شکل می‌گیرد.

بینگ نیز به صورت کلان‌ای به منابع واسطه متعلق میباشد، بیشتر از 87% از نتیجه ها از این مجموعه هستند. 74% از منابع واسطه که به وسیله بینگ ارائه می شوند تنها از ویکی پدیا به دست می آیند، که امتیاز DA آن 100 میباشد.

کلاً جستجوی‌های انجام شده به 166366 جواب های بی نیاز (rich answers) در تست رسیدیم. در‌این در میان، 42160 گزینه از آن‌ها مشتمل بر لینک و پیوند نبودند، یعنی گوگل فقط جواب را داده بود اما فارغ از منبع. در میان پرس و جو هایی که دربرگیرنده لینک و پیوند نبودند به کاوش پرداختیم، و فهمیدیم که بیشتر جستجوی‌های فارغ از ورقه ها (فارغ از درج منبع)، دربردارنده داده ها از دامنه‌های همگانی می باشند.

مثال‌ای از rich answers در گوگل

جواب‌های بی نیاز صورت‌های مختلفی دارا هستند و بستگی به نوع واژه و کلمه کلیدی نیز داراست، در آزمایشی که 855 هزار توشه کاوش شکل گرفت به سود پایین وصال که در جواب‌های بی نیاز چه چیزی ظواهر میشود.

محتوای rich answers تعداد دفعات تکرار درصد دفعات تکرار

دربرگیرنده تیتر 41,756 25.0%

دربرگیرنده متن 116,885 25.0%

دربرگیرنده لیست 1,792 25.0%

مشمول پیوند (URL) 122,188 25.0%

دربرگیرنده انکرتکس 71 0.04

محاسبه رقبا در عبارات کلیدی پایانی

۴) محاسبه رقبا در عبارات کلیدی پایانی

بعداز آن که یک سری واژه و کلمه کلیدی خویش را از لیست خویش بیرون کردید آنها را در گوگل جست و جو فرمائید. برای این فعالیت از دشوارترین (کوتاه ترین) لغات کلیدی خویش آغاز فرمائید و نتیجه ها ورقه سود موتور کاوش (SERP) آموزش سئو مشهد  را تحقیق فرمائید.

اتحت سرچ هر کلمه و واژه یکسری سایت وجود داراست که بایستی با آنها به رقابت بپردازید ولی برای اینکه زوایای رقابت خویش را خوب ادراک فرمایید، سوالهای نمائید به سوال ها ذیل به صورت  آموزش سئو در مشهد مصرح جواب دهید:

آیا رقبای شما در عبارات کلیدی خاص تارنما های ماهر دارا‌هستند؟

آیا شما و دستیابی و کارتان با این موسسه ها موازی میباشید؟

آیا تارنما شما میان این تارنما ها قراردارد؟

آیا کمپانی شما میتواند به اندازه رقبا شما‌را از حیث مالی حمایت نماید؟

نقاط ضعف رقبایتان چیست؟ (محتوا، طراحی وب، سرویس ها و …)

نکته: نقاط ضعف رقبا یک رویکرد بهتر برای پیشی دریافت کردن از آن‌ها می‌باشدو مطلقا آنان‌را پیدا نمایید و با یک استراتژی ظریف آن را در تجارت خویش پوشش دهید.

۵)‌ نگاهی دقیقتر به هدف ها کاوش بیندازید

استراتژی بهینه سازی امروز می بایست بیشتر به پاسخگویی به سؤالاتی که عموم دارا هستند یا این که ارائه شایسته ترین راهکار برای اختلال آن‌ها بپردازند. کاری که ما می خواهیم اجرا دهیم این میباشد که بر موج مشکلاتی که روزمره میلیون ها توشه از گوگل پرسش می گردد سوار گردیده و خویش را تحت عنوان شایسته ترین راه‌حل به استفاده کننده معرفی کنیم.

پس مجموعاَ روند بهینه سازی کارایی فرمائید بفهمید که مخاطبان شما هنگام سرچ یک واژه کلیدی خاص از گوگل چه میخواهند:

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

می‌توانید با نگاهی ظریف به نوع صفحاتی که پیش از اینً برای آن کوئری جایگاه بندی کرده اند، در باب مقصود جستجوی بعضا از داده ها بیشتر بیاموزید. و به‌این سوالهای صادقانه جواب دهید:

آیا بیشتر صفحه ها مال را میبینید؟

آیا تعداد متعددی از پست های اطلاعاتی بلاگ را می‌بینید؟

ایا ویدیو آموزشی میبینید؟

و …

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

۶) گزینش یک استراتژی برای واژه و کلمه کلیدی

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

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

زمانی که غالب شدید برای آن گروه از کلید واژه و کلمه های وقتگیر در سرپ درجه استحصال نمایید، غرض برای لغات بیشتر یه خرده بی آلایش خیس شود.

در‌این مرحله همینطور تلاش فرمایید درمورد نوع محتوای خویش نیز استراتژی انتخاب نمائید. برای این شغل بایستی مدل کتابت محتوای خویش، موضوعات و زیرشاخه هایی که می بایست به آن پرداخته گردد، تعداد مقاله‌ها در هر زیرشاخه، آراسته کردن و روش نشر محتواها، شیوه های بهبود چگونگی و افزایش محتوا و … را نیز در لحاظ گرفته و با ادغام یک استراتژی کوتاه و بلند بازه زمانی، مجموعه محتوایی خویش را در جهت وصال به اهدافی که در رمز دارید هدایت و ارشادوراهنمایی فرمائید.

عده بندی

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

دقت داشته باشید که هرچه قدر مجال بیشتری به پژوهش لغات کلیدی و چک رقبا تخصیص دهید مسیر پرورش شما هموارتر و فیض شما خوب خواهد بود.

تمپلیت های AMP

تمپلیت های AMP

در پیکربندی amp شما میتوانید تمپلیت های مختلفی برای موقعیت amp خویش به شغل ببرید. این تمپلیت ها به سه تیم مهم: استاندارد، انتقالی و reader (خواننده) مجموعه آموزش سئو مشهد  بندی میشوند.

وضعیت استاندارد: در موقعیت استاندارد وبسایت شما از یک تم واحد برای اکران محتوای شما استعمال می‌نماید در فیض تنها یک ورژن از محتوای شما بر روی اینترنت قرا خواهد گرفت. در‌این حالت شما می توانید نصیب هایی از وب سایت خویش را از amp بیرون فرمائید در سود هر ادرس یا این که آموزش سئو در مشهد  amp خواهد بود یا این که غیر amp.

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

شرایط reader: در این‌حالت دو ورژن از تارنما شما با دو تم متعدد وجود خواهد داشت. شما می توانید برای شرایط amp خویش از تم کلاسیک یا این که amp legacy استعمال فرمائید.

نصیب پیکربندی توسعه یافته

در قسمت پیکربندی بیشتر نیز شما می توانید قسمت هایی که دوست دارید پایین amp اکران داده شوند مثل نوشته ها، شیت ها، faq، رسانه و … را گزینش فرمایید. یا این که افزونه هایی که درین بخشها فعال می باشند را ذیل amp برده یا این که از آن بیرون فرمائید. (اکران داده شوند یا این که اکران داده نشوند)

رئیس amp

نصیب بررسی

در نصیب محاسبه شما می توانید اذن دهید داده هایی که بوسیله amp دستیابی می‌شوند به وسیله ابزارهای ارزیابی آیتم تحقیق و نظارت قرار بگیرند.

حالا برای آنکه بتوانید محتوای خویش را در شرایط amp ملاحظه کنید کافی میباشد ادرس خویش را با این فرمت در گوگل کاوش فرمائید:

http://mysite.cpm/blog-post/amp/

یا این که به گویش معمولی خیس در انتهای محتوای خویش یک /amp قرار دهید.

رفع باگ AMP

در‌حالتی که در هنگام کارایی برای دیدن ورژن amp با برگه 404 کردید در مدیر وردپرس وارد کاغذ پیکربندی و لینک و پیوند یکتا گردید و بر روی ذخیره تغییرات کلیک نمائید، سوای هیچ تغییر و تحول دیگری!

گزارشات AMP در سرچ کنسول

بعد از نصب amp در سرچ کنسول بخش amp به نوار ابزار شما اضافه گردد. شما در‌این نصیب می توانید صفحاتی که از نگاه گوگل خلل دارا‌هستند را ببینید و با کلیک بر روی هر پیوند خلل دار جزئیات آن را ببینید.

خطاهایی AMP

در AMP ممکن میباشد با تیم خطاهای تحت روبرو گردید:

خطای AMP توضیحات

url not found ادرس پیدا نشده میباشد یا این که به عبارتی خطای 404 خودمان!

server error خطای محرمانه 5xx که مرتبط با سرور میباشد صورت داده

blocked by robot.txt فولدر robot.txt به ادرس شما دسترسی ندارد

crawl issue ایراد crawl برای ادرس شما اتفاق افتاده، برای رفع آن از live test سرچ کنسول استعمال نمائید.

refrenced AMPA url is not an AMP ادرس شما در واقع ادرس amp وجود ندارد

canonical points to invalid url شیت کنونیکال شما به ادرس نامعتبری ارجاع داده شد‌ه‌است.

image size is smaller than recommended size تصویر شما از حد استاندارد کوچکتر میباشد، آن را برطرف فرمایید.

AMP page domain mismatch دامنه کاغذ amp با دامنه ورژن کنونیکال مختلف میباشد.

url marked noindex کاغذ amp شما به طور no index تهیه گردیده است.

unavailable_after date for this page has expired برگه amp دربرگیرنده متاتگ unavailable_after می باشد. می بایست این تگ را حذف یا این که بروز نمائید.

AMP_story canoniacal error برگه کنونیکال شما به یک شیت ampstory ارجاع داده شد‌ه‌است خیر به یک ورقه‌ AMP

رفع باگ صفحه های گم گردیده AMP

بعضی اوقات ممکن میباشد تعداد صفحاتی که در گزارشAMP به شما اکران داده میشود کمتر از آنچه که شما انتظار دارید باشد برای رفع این نقص‌ رویه های تحت را آزمون نمائید:

در صدر نظارت فرمایید که صفحه های AMP و همینطور کنکونیکال no index نباشند.

نظارت فرمائید که برگه کنونیکال non – AMP به صورت درست به شیت AMP پیوند گردیده باشد.

در گوگل شیت AMP صفحه ها کنونیکال را کاوش نمائید در‌حالتی که فیض ای به شما گزارش نشد یعنی این برگه ایندکس نشده میباشد. حالا برای ایندگس این صفحه ها از URL inspection گوگل و یا این که site map به کارگیری فرمائید.

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

آزمایش AMP

برای اینکه ملاحظه کنید شیت شما دارنده amp می باشد یا این که نه چندین خط مش گوناگون پیش روی خویش دارید:

به کارگیری از https://search.google.com/test/amp (برای استعمال از این ابزار گوگل کافی میباشد پیوند خویش را وارد نمایید و ملاحظه کنید که ایا کاغذ شما amp دارااست یا این که نه.)

جستجوی ادرس با افزودن /amp به انتهای آن

استعمال از پلاگین‌ی Google AMP Test API Extension (برای به کارگیری از این پلاگین کافی میباشد در شیت متبوع بر روی این پلاگین کلیک نمایید تا به شما بگوید شیت وبسایت amp داراست یا این که نه!)

عده بندی

در‌این نوشته‌علمی خلال معرفی AMP به شیوه عمل، مزیت ها و محدودیت های این پروژه پرداختیم و فعال سازی و تهیه آن در وردپرس را باهم تحقیق کردیم. در حالتی که شما هم وبسایت وردپرسی دارید به شما سفارش می‌کنم مطلقا از AMP به کار گیری نمائید. یک افزونه معمولی و یک سری کلیک خرد برای پیکربندی مازاد، از حیث مخاطب و همینطور گوگل وبسایت شمارا بسیار پررنگ خواهد کرد.

اجرای First party script

وبسایت خویش را برای تعامل خوب آموزش سئو مشهد  با صرفه نمایید

دلایل زیادی موجب کاهش امتیاز FID و همینطور TBT در سایت ما می شود. ولی تبهکار مهم کسی وجود ندارد جز جاوااسکریپت!

اجرای First party script

تکه کردن اشتباه کدها، اجرای هنگفت کدها و … قادر است به طور بی واسطه بر روی TBT، FID و TTI اثر بگذارد، بنابر این بارگزاری تدریجی کدها میتواند به بهبود تعاملات استفاده کننده با تارنما امداد قابل توجهی نماید. ممکن میباشد اینطور به لحاظ رسد که‌این سرورها می باشند که در درحال حاضر نقاشی کردن پیکسل های ورقه برای استفاده کننده می‌باشند ولی شما بایستی مدام مراقب باشید که تعاملات استفاده کننده بوسیله اسکریپت های آموزش سئو در مشهد  بلندمرتبه مسدود نشود.

در حالتی که که شما کدهای والا را بر پایه ی مسیر تقسیم بندی نمایید. این شغل در چندین میلی ثانیه و در بعضا مفاد در توان یک ثانیه سرعت تارنما شمارا ارتقاء میدهد.

به کار گیری از Web worker

بسته شدن thread از کارداران اساسی تاخیردر تعاملات سایت با مخاطب میباشد. Web worker ها میتوانند با اجرای جاوااسکریپت ها در بگراند این مسئله را مرتفع نمایند. با جابجایی عملیات های غیروابسته از رابط کاربری به یک web worker مستقل می‌قدرت فرصت بسته شدن main thread را کاهش و FID را به صورت قابل توجهی بهبود داد.

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

Comlink

Workway

Workerize

کاهش فرصت اجرای کدهای جاوااسکریپت

کاهش دادن کدهای جاوااسکریپت و همینطور سئو کدها در یک شیت منطقا سرعت اجرای کدها را بالابرده و به بهبود تجارب کاربری شما امداد میکند.

برای کاهش و سئو کدهای JS دو رویکرد اصلی در پیش دارید:

Deferکردن کدهای غیرضروری

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

ترفند:

برای پیداکردن کدهای غیرضروری کافی میباشد وارد اطراف devtools گردید و در نصیب coverage کدهای غیرضروری را که با رنگ قرمز رنگ معلوم گردیده اند را پیدا نمائید.

برای کوتاه کردن و یا این که غیرفعال کردن کدها جاوااسکریپت غیرضروری دو رویکرد پیش روی خویش دارید:

Code-splitting که معمولا تحت عنوان lazy-loading از آن خاطر می‌گردد.

Defer یا این که async کردن اسکریپت های غیرضروری

(قابل ذکر میباشد که همه third party scriptها بایستی با به طور پیشفرض با defer و async بارگزاری شوند.)

Minimize کردن polyfillsهای غیرضروری

در حالتی‌که شما از سینتکس امروزی جاوا اسکریپت و همینطور API مرورگرهای نو برای کدینگ خویش به کار گیری نموده اید برای عمل بر روی مرورگرهای کهن نیاز به Transpile کردن دارید که‌این مشتمل بر polyfillها نیز هست. یکی مشکلاتی که‌این transpile کردن و به کارگیری از polyfillها برای ما به وجود می آورد این میباشد که مرورگرهای نو دیگر آن را دانلود نمی کنند (در حالتی که به آن نیاز نداشته باشند.) برای کاهش وسعت جاوااسکریپت خویش تا حد ممکن از polyfill اجتناب نمایید و استعمال از آن را به گوشه و کنار هایی که حقیقتا به آن نیاز دارید محصور فرمایید.

seo polyfillها

درصورتی که از Babel تحت عنوان transpiler به کار گیری میکنید از babel-preset-env برای مرورگرهای ضروری به کارگیری فرمایید. همینطور برای babel7.9 مورد bugfixes را فعال نمایید تا polyfillها غیر ضروری را حذف نماید.

از ماژول های ذیل به کارگیری فرمائید:

1

2