افزایش سرعت مراحل Layout و Paint صفحات وب

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

تا مکان ممکن از طرح بندی (Layout) دوری کنید. به دلیل آنکه هر چه عنصرها DOM بیشتر باشد، احتساب شرایط و بعدها آن ها بیشر زمان خواهد برد.
کوشش فرمائید از سبک تازه Flexbox به کار گیری فرمائید آکادمی رایا پارس . به دلیل آن که سرعت آن از طرح های سابق Flexbox و یا این که Floating بیشتر میباشد.
تا مکان ممکن برای دکورا سیون از جاوا اسکریپت استعمال نکنید.
مراحل Paint نیز به طور کاملً به Layout متصل میباشد و احتمالاً وقت گیرترین مرحله در روند اجرای Critical Rendering Path میباشد. براین اساس عالی میباشد برای seo مسیر Critical Rendering در وردپرس تا مکان ممکن این مفاد را بی آلایش سازی نمائید. از جمله اجرای کدهای مرتبط با یک box-shadow (سایه ای که به یک بخش میدهیم) به یکسری محاسبات نیاز دارااست. براین اساس خوب میباشد به مکان آن، از لبه هایی با رنگ اثبات استعمال فرمایید.

طرز رفع خطای Reduce the number of DOM elements در وردپرس را اینجا بخوانید.

4) جاوا اسکریپت را از وضعیت Blocking بیرون فرمایید
هنگامی یک مرورگر در اجرای کدها، با یک تگ رو به رو می‌شود، what is seo بایستی تجزیه (پارس کردن) کدهای HTML را متوقف نماید. کدهای داخل خطی (Inline) دقیقاً در به عبارتی نقطه و درهمان لحظه انجام میگردند. براین اساس ایجاد DOM را تا شغل موتور جاوا اسکرپیت مسدود می نمایند. با این تعاریف، جاوا اسکریپت های داخل خطی میتوانند رندر اول کاغذ را به صورت قابل توجهی به تأخیر بیاندازند.

البته جاوا اسکریپت قابلیت ویرایش خصوصیات کدهای CSS را هم آماده می نماید. به این ترتیب مرورگر مجبور میباشد پروسه اجرای کدها را تا دانلود و ایجاد کرد CSSOM متوقف نماید. البته برای سئو کدهای جاوا اسکریپت و خرج کردن آن‌ها از شرایط Blocking می‌توانید اقدامات پایین را ایفا دهید:

بار گذاری کردن جاوا اسکریپت به طور غیرهمزمان (asynchronous): خواص بولین مربوط async در تگ های اسکریپت ها، به مرورگر میگوید که در شکل قابلیت و امکان، اسکریپت ها را سوای مسدودسازی گشوده و به طور نا هم‌زمان ایفا نماید. با این عمل مرورگر درخواست HTTP را برای اسکریپت ارسال می نماید و پارس کردن DOM را بلافاصلهً ادامه میدهد.
عقب پرت کردن جاوا اسکریپت: خواص بولین Defer به مرورگر میگوید که کدهای جاوا اسکریپت را بعداز پارس کردن گواهی و پیش از DOMContentLoaded اعمال نماید. اعتنا نمائید که در شرایطی‌که خواص src نیست، نباید از این خواص به کارگیری نمایید.
به تعویق پرت کردن جاوا اسکریپت باطن خطی: اکثری از اسکریپت ها با DOM یا این که CSSOM کاری ندارند. براین اساس دلیلی نیست که بخواهند مراحل پارسینگ را متوقف نمایند. از طرفی نمی توانیم خواص های async و defer را به طور داخل خطی بنویسیم. به این ترتیب فقط راه و روش بار گذاری کردن آنان بعداز دانلود گواهی، جابجایی آن ها به بخش های زیر میباشد.