ابزارهای متعددی برای بالابردن سرعت صفحه ها تارنما تان وجود دارااست. البته آیا میدانید این ابزارهای چه گونه فعالیت مینمایند و به هیچ عنوان آیا این ابزارها سرعت سایتتان را بالا میبرند یا این که نه؟!
پیج اسپید یک مسئله بغرنج میباشد. اکثری از مقالهها لیستی از امور یا این که پلاگین ها را برای بالابردن سرعت وبسایت به شما معرفی می نمایند.
این مقالهها عالی می باشند. با این اکنون تمامی وب سایت های مثل هم نیستند و نمیشود این پیشنهاد ها را برای کلیه وب سایت ها ایفا کرد.
براین اساس، دراین نوشته ی علمی ما به شما توضیح میدهیم که سرعت تارنما به چه شکل شغل می نماید و برای بالا بردن سرعت صفحه های وب سایت چه اقداماتی بایستی ایفا دهید.
در نوشته ی علمی پیشین بهینه سازی روز درباره فراگیری ارتقاء سرعت وب سایت حرف کرده بودم.
درصورتیکه شما کارشناس نیستید و صرفا پیرو نصب پلاگین ای برای ارتقاء سرعت وبسایت تان می باشید، ما درین نوشتهیعلمی چندین پلاگین را به شما معرفی کرده ایم:
wordpress
WP Rocket مبلغی + یک افزونه سئو تصویر
یا این که
Autoptimize + یک افزونه کش
Drupal
AdvAgg + یک ماژول سئو تصویر
در حال حاضر عالی میباشد به مورد مهم نوشتهعلمی بپردازیم. درین نوشتهیعلمی موضوعات تحت آیتم پژوهش قرار میگیرند:
1-سرعت برگه (page speed) چیست ؟
2-چرا سرعت کاغذ اساسی میباشد؟
3-سرعت بار گذاری شدن یک کاغذ بایستی چقدر باشد؟
4-یک کاغذ چطور ساخته میشود؟
5- ابزارهای آزمایش سرعت وب سایت و فراگیری به کار گیری از آن
6- تقریب تاثیر تغییرات
سرعت برگه (page speed) چیست ؟
سرعت برگه مقدار فرصت بارگیری ورقه وبسایت میباشد.
تخصیص یکی باگاز برگه شغل دشواری میباشد چون اکثری از متریک ها، موادتشکیل دهنده بار گذاری ورقه را به طرز های متفاوت، برای هدف ها متعدد و با موقعیت آزمایش متعدد در لحاظ میگیرند .
چرا سرعت ورقه اساسی میباشد؟
جدیدا گوگل اعتنا ویژه ای با گاز شیت داشته میباشد و اعلام کرده که سرعت بار گذاری شیت در تلفن همراه را تحت عنوان فاکتور رنکینگ به اکانت میاورد.
همینطور با افزودن گزارش سرعت در سرچ کنسول گوگل و اعلام گوگل کروم مطابق علام وب سایت های نماید به یوزرها، سرعت ورقه بیشتراز پیش عنایت پیدا می نماید.
ولی آیا می دانستید از سال 2010 سرعت برگه، یکی فاکتورهای بهینه سازی بوده میباشد.
دلایلی وجود داراست که نماد میدهد شما بایستی به ارتقا سرعت وبسایت عنایت بدهید:
سرعت ورقه تجربیات کاربری را ذیل اثر قرار میدهد.
شما بایستی برای مخاطبانتان ورقه را سریع و قابل انعطاف بارگذاری نمایید. به دلیل آنکه هر سیرتکامل ژرف اندیشی یا این که لگ روی اجرا آجل آنها در سایتتان تاثیرگذار میباشد.
سرعت کاغذ روی آنالیز های آماری سایتتان تاثیرگذار میباشد.
کلاً، یک وبسایت سریع خیس مخاطبین بیشتری را رخنه می نماید چون تگ های آنالتیکس یا این که دیگر ابزارها، زودتر بارگذاری می گردند.
در شرایطیکه کاربری پیش از لود تگ وب سایت را رخنه نماید، بازدید وی در سیستم انالتیکس تصویب نخواهد شد.
seo؟ طبق اعلامیه قانونی، به روز مرتبط با سرعت، صرفا کندترین تارنماها را زیر اثر قرار میدهد .
مطالعات متعددی وجود داراست که آرم میدهد با ارتقا سرعت وب سایت، ترافیک ارگانیک، نرخ کلیک بر روی تبلیغات درون وب سایت، و کلاً بازدیدکنندگان وبسایت نیز ارتقاء مییابد.
WPO State نمونه های تحقیقاتی متعددی درباره بهبود سرعت ورقه دارااست.
با این وجود بخش اعظمی از این مطالعات ممکن میباشد اندکی گم راه کننده باشند.
مطابق گفته گوگل، بهبود سرعت برگه تاثیری روی درجه بندی شما نخواهد داشت. مگر اینکه وب سایت حقیقتا کندی داشته باشید.
احتمالا میپرسید، در حالتیکه ارتقاء سرعت روی رنکینگ تاثیری ندارد، پس چرا بازدیدکنندگان وبسایت بیشتر می گردند؟
جواب این پرسش بهاین شکل میباشد که تگ های آنالیتیکس احتمالا سریع خیس از گذشته بار گذاری میگردند و میتوانند اشخاص بیشتری را پیش از شکاف کردن شیت تصویب نمایند.
سرعت بارگذاری شدن یک شیت بایستی چقدر باشد ؟
هیچ میزان قانونی خاصی برای سرعت کاغذ نیست.
ولی معمولا سفارش می شود که برگه می بایست کمتر از 3 ثانیه لود خواهد شد.
این سفارش شاید از اینجا استنباط گردیده که طبق یک رسیدگی گوگل، 53% از بازدیدکنندگان موبایلی، برگه ای که لود آن بیشتراز 3 ثانیه ارتفاع بکشد، شکاف می نمایند.
خلال این این سفارش شاید بر طبق شاخص Speed Index میباشد که بعدا درباره آن حرف خواهیم کرد.
به نظریه ما گوگل هیچ ترازو خاصی برای سرعت شیت مشخص و معلوم نکرده میباشد.
چیزی که گوگل معمولا میگوید پیشنهاد کلی میباشد. مثل: سرعت وبسایت را برای یوزرها بیشتر فرمایید یا این که تا جایی که میشود سرعت را بیشتر نمایید.
یک ورقه چطور ساخته میگردد؟
برای فهم و شعور کیفیت بهبود سرعت شیت باید بدانید چطور یک مرورگر کاغذ را می سازد؟
برای این مراد، بیایید به چارت های Waterfall نگاهی بندازیم و ببینیم در طول بار گذاری برگه چه منابعی لود میشوند.
شما میتوانید این مراحل را در طول لود ورقه، با استعمال از راست کلیک و گزینش مورد inspect و رفتن در تب network ببینید.
یادآوری: بیشتر تصاویر با به کار گیری از ابزار https://www.webpagetest.org به دست آمده میباشد.
ساختوساز کانکشن
رنگ سبز، نارنجی رنگ و بنفش، نشانگر مجال مایحتاج برای برقراری رابطه یا این که کانکشن با سایت میباشد.
درپی هر رنگ به صورت غیر وابسته نظارت خوا هیم کرد.
چارت Waterfall برای پوسته وردپرس 2020 از WebPageTest.org. حالت: Dulles, VA. دستگاه Moto G4. مرورگر: کروم. سرعت 3GSlow
DNS (سبز)
DNS محل کار تلفن اینترنت میباشد.
شما به مرورگر اسم سایت می دهید و مرورگر برای به دست آوردن IP نشانی با یک سرور DNS رابطه برقرار می نماید.
DNS به مرورگر میگوید که تارنما متبوع کجا میزبانی میگردد. صحیح مثل دفتر کار تلفن که شما اسم شخص را میدانید ولی شماره تماس را خیر.
بیشتر مواقع، DNS در جایی قراردارد که دامنه را آنجا تصویب کردهاید و یا این که در جایی قراردارد که CDN شما میباشد.
توجه داشته باشید که تمامی ارائه دهندگان DNS ها یکسان نیستند.
در شرایطی که یک میلی ثانیه هم برای شما اصلی میباشد، عالی میباشد از ارائهدهنده دیگری استعمال نمائید.
طبق پژوهش ها DNSPerf، سرعت جواب کلود فلر به صورت میانگین 12.6 میلی ثانیه میباشد.
این رقم برای GoDaddy عدد 46.04 میلی ثانیه میباشد و برای Rackspace این رقم به 90.38 میلی ثانیه می رسد.
با این وجود این اعداد خیلی ظریف نیستند چون DNS را می قدرت هنگام مرور تارنما از پیشین بصورت موقت در مرورگر ذخیره کرد.
مقدار هنگامی که DNS در مرورگر ذخیره میشود TTL نامیده میشود.
در زمانیکه کش فعال میباشد، مرورگر برای اینکه بداند وبسایت کجا قرار گرفته، دیگر نیازی به اتصال به DNS ندارد.
اتصال(نارنجی رنگ)
این جایی میباشد که مرورگر در هم اکنون برقراری رابطه با سرور صاحبخانه میباشد.
پروتکل در دست گرفتن جابجایی / پروتکل وب (TCP / IP) غامض میباشد ولی شما صرفا به طرز شغل تصور کنید.
احتمالاً یک خط بی واسطه وجود ندارد. شما بایستی بچرخید، و مناطقی با ترافیک فراتر وجود داراست.
حتی ممکن میباشد مسیر را مجدد دنبال فرمائید یا این که یکسری چرخش اشتباهی اعمال دهید.
این نوعی از کیفیت تلاش آن میباشد؛ این از مرورگر شما به سمت سرور جنبش می نماید و برمی خواهد شد .
دلایل متعددی برای زمان بر شدن مجال اتصال وجود داراست.
در پیوندها ناپایدار، از دست رفتن بسته ممکن میباشد حادثه بیفتد و می بایست مجددا ارسال گردد.
این خلل قادر است از طرف روت کردن درخواست از روش کانال باشد.
چقدر بایستی از آن به کار گرفت؟ چقدر می بایست مسیر را در نوردید؟ ترافیک های دیگر روی وبسایت چقدر مشابه میباشند و شما چنددفعه می بایست بچرخید؟
چقدر از عمل بدور میباشید و در جاده چندتا اتومبیل وجود دارااست که ممکن میباشد سرعت شمارا نماید نماید؟
خلال این، گنجایش محدودکننده و اتصال بر روی سرور مشابه به یک تونل میباشد که تنها به تعداد بسیار متعددی اتومبیل اذن عبور در یک دوران را میدهد.
اکثری از این مفاد با کوتاه خیس کردن مسافت با سرور و به کارگیری از مسیریابی مدبرانه خیس (که اکثر DNSها آن را ایفا میدهند) قابل حل شدن میباشد.
با داشتن یک کانال از سرورها درسرتاسر عالم، بازدیدکنندگان معمولا به سرورهای مجاورت متصل می گردند.
برخی ارائه دهندگان DNS معمولا مقادیر متعددی از درخواست های اینترنتی را مدیر می نمایند و میتوانند ببینند در طول حقیقی وواقعی کجا ترافیک وجود داراست.
درحالتی که یک آیتم سریع خیس ببینند، ترافیک را مجددا مسیردهی می نمایند. دقیقا مانند کاری که GPS در ترافیک ها برای شما ایفا میدهد.
لایه Secure Sockets (SSL) (بنفش)
برای وبسایت هایی که اتصال ایمن برقرار می نمایند (HTTPS)، این جایی میباشد که مرورگر و سرور بر روی ورژن پروتکل TLS (امنیت لایه جابجایی)، ciphersuite (سطح امنیت) و تغییر و تحول تاییدیه (برای اعتقاد از اینکه وبسایت همانی باشد که میگوید می باشد) توافق دارا هستند.
شاید فکر کنید صرفا با امداد HTTPS نتوانید سرعت تارنما را بیشتر نمائید.
این حدودا درست میباشد (دستکم برای نصیب اتصال).
ولی بودن بر روی HTTPS مزیت هایی داراست از جمله کرورگرها به شما اذن استعمال از HTTP/2 (H2) سوای HTTPS را نمی دهند.
H2 دارنده مزیت هایی به عنوان مثال اتصال مداوم میباشد.
به این ترتیب مورد نیاز وجود ندارد اتصال جدیدی را برای پوشه ها در به عبارتی سرور گشوده نمائید.
هدرهای باطن این درخواست ها نیز خرد خیس از HTTP/1.1 می باشند و فولدر های چندگانه میتوانند همزمان منتقل شوند.
دربیشتر مفاد، تارنما هایی که از HTTPS استعمال می نمایند سریع خیس از تارنما های بر روی HTTP می باشند.
کلاً، مهمترین دستاورد شما از بروزرسانی پروتکل (TLS 1.3 سریع خیس از TLS 1.2 میباشد) و اجرای امنیت جابجایی محض HTTP (HSTS) ناشی می گردد که مدام به مرورگر میگوید از یک اتصال امن به کارگیری نماید.
مرورگر درخواست هایی را از HTTP به HTTPS سوای نیاز به تماس با سرور و تغییر تحول مسیر جاری ساختن میدهد.
در تصویر ذیل، تغییرو تحول مسیر از HTTP به HTTPS و مجال ما یحتاج با استعمال از HSTS حذف میشود.
حتی شاید بخواهید برای اتصالات سریع خیس از HTTP / 3 به کار گیری نمایید. با این اکنون، دفاع از این پروتکل هنوز در پروسه نخستین میباشد، و دست کم در حین تایپ کردن این نوشتهعلمی احتمالاً هنوز آیتم قابل قبولی جانور وجود ندارد.
اساسی: دستگاه، شرایط و کانال
فرض نمائید اتصال به یک تارنما در تلفن هوشمند در بین منزلت با اتصال 3G 2 ثانیه ارتفاع میکشد. در به عبارتی تلفن با اتصال LTE، نسبتاً 0.41 ثانیه کاهش مییابد.
در دسکتاپ با سرعت معمولی، برقراری این رابطه کمتر از 0.1 ثانیه میباشد.
در حالتیکه مجال اتصال زمان بر خیس را مشاهده میکنید، به خیال داشته باشید ممکن میباشد فرصت اتصال زمانبر تری را تجارب فرمائید که ممکن میباشد به جهت پهنای باند محصور یا این که توان پردازش دستگاه آزمایش باشد.
این عامل ها همدم با خاطر نهفته اساسی می باشند.
آنها میتوانند به شما امداد نمایند تا برای هر کس واپسین تلفن هوشمند خویش را به وای فای متصل نموده است، با کل پرونده های لازم برای بارگیری کاغذ ای که پیش از اینً روی دستگاه خویش ذخیره کرده اند (ما دراین باره در قسمت دیگری سخن خواهیم کرد) توضیح دهید روشی که آنها تجارب می نمایند.
زیر شرایط مطلوب میباشد و اکثر اشخاص این موقعیت را تجربیات نمیکنند.
بارگیری و پردازش HTML
کد HTML یک ورقه به عبارتی چیزی میباشد که در بالا به وسیله یک مرورگر بارگیری میگردد.
این اطلاعاتی میباشد که میتوانید با کلیک راست بر روی یک وبسایت و رفتن به بخش “View Page Source” ملاحظه کنید.
بعداز برقراری اتصال، مرورگر بیت نخستین داده ها را از سرور رجوع و برگشت میدهد، ما به Time To First Byte (TTFB) می رسیم، که اندازه گیری ساده برای فرصت جواب نخستین میباشد.
همان طور که در ذیل خطوط نارنجی رنگ علامت داده گردیدهاست، این مجال از آغاز درخواست HTML (آبیرنگ پرنور) تاوقتیکه HTML آغاز به بارگیری می نماید (آبیرنگ تیره) میباشد.
در شرایطیکه تأخیری برای TTFB وجود داشته باشد، میتواند مرتبط با کوئری دیتابیس، منابع سرور، انتظار برای کامل شدن یک سرور جانبی (SSR) یا این که بقیه مواقعی که معمولاً در تولید محتوای پویا دخیل میباشند، باشد.
فرصت بارگیری به مواقعی مانند اتصال و اندازه پوشه بستگی دارااست.
این همینطور جایی میباشد که مرورگر استارت به تشکیل داد ورقه می نماید.
زمانی که HTML بارگیری میگردد، مرورگر آن را در Document Object Model DOM تجزیه می نماید، یک کامپیوتر بدین طریق ساختار محتوا را ادراک می نماید.
این مراحل تجزیه از main thread مرورگر برای پردازش اقدامات استفاده کننده و رنگ کردن کاغذ، اجرای JavaScript و جاری ساختن دکورا سیون، بازگرداندن و گردآوری آشغال استعمال می نماید.
اینک، تنها بدانید کهاین main thread وجود داراست و شغل های مختلفی را به عهده دارااست. ما بعداً بهاین مسئله خواهیم پرداخت.
در صورتی در بین HTML و درخواست آینده مسافت ای بینید، محتمل ترین انگیزه آن این میباشد که CPU سرگرم پردازش HTML برای ایجاد کرد DOM میباشد.
از آن جا که ادله آن CPU میباشد، این مسئله مجددا به دستگاهی که استعمال میشود بستگی دارااست، براین اساس میتوانید با یک دستگاه قدرتمندتر آزمایش نمائید تا مشاهده کنید هنوز این رخنه وجود داراست یا این که نه.
در حالتیکه از HTML و بقیه فولدر ها مانند CSS و JavaScript استعمال فرمائید، میتوانید فرصت را با استعمال از less code و خرد سازی کاهش دهید تا کاراکترهای غیرضروری مانند ایده ها و فضای سپید از کد حذف شوند، و فشرده سازی برای کاهش سایز فولدر ها شکل گیرد.
نکته این میباشد که بارگیری پوشه را خرد خیس نمایید تا این نصیب از لود سریع خیس گردد.
با این اکنون، رویکرد های متعددی برای خرد و فشرده سازی وجود دارااست.
در اکثری مورد ها، این فعالیت به وسیله CDN یا این که سرور (Apache یا این که Nginx سرورهای متداول میباشند) یا این که به وسیله یک پلاگین / ماژول /پکیج اعمال میگردد.
درصورت قابلیت و امکان از سرور شبیه برای رکوئست ها به کارگیری فرمائید
سابقا میزبانی منابع بر روی دامنه های cookelless که به عبارتی دامنه اساسی نبودند، شایسته ترین راهکار بود، و بعضی وقت ها استعمال از یکسری دامنه (فرآیندی به اسم domain sharding) به جهت محدودیت های درخواست اتصال رقم خورده بوسیله مرورگرها، مزیتی داشت.
بدلیل آنکه HTTP / 2، شایسته ترین نحوه وجود ندارد. در شکل قابلیت می بایست از به عبارتی سرور برای درخواست ها استعمال فرمایید.
از جمله، cdn.ahrefs.com را در نمودار Waterfall تحت قرار دهید.
در شرایطیکه صاحب خانه آن فولدر، ahrefs.com باشد، نیازی به برقراری اتصال وجود ندارد… مجال برقراری اتصال DNS، اتصال، و گفتگو راجع به استخراج امنیتی، با تأخیر جاری ساختن میگردد. سوای رینگ های مازاد برای پریدن، فولدر زودتر در دست قرار خواهد گرفت، این به آن معنا میباشد کهاین شیت حتی سریع خیس بارگیری میگردد.
با این وجود، در حالی که خویش میزبانی بخش اعظمی از پوشه ها مانند فونت ها قادر است باعث به توسعه و گسترش خواهد شد، ممکن میباشد معاملات دیگری مانند یاد مخفی (ذخیره یک ورژن از فولدر) در آنجا وجود داشته باشد که مرورگرها برخی مواقع، منابع مشترک ذخیره گردیده داشته باشند.
از جمله، چنانچه اینجانب از یک تارنما بازدید کردم که یک فونت را از گوگل فونت نامیده میباشد و آنگاه با به عبارتی فونت به وبسایت دیگری مراجعه کنم، ممکن میباشد آن پوشه را پیش از اینً در محلی ذخیره کرده باشم و بدون چاره نباشم مجدد آن را بارگیری کنم.
از Preconnect یا این که DNS-Preetch به کار گیری فرمائید (در حالتی که از سرور دیگری استعمال میکنید)
درصورتی که میخواهید از یک سرور دیگر استعمال نمایید، آغاز به سرورهایی که دربردارنده فولدر های لازم در لود اول کاغذ میباشند متصل گردید.
این دستور سبب می گردد اتصال به سرور دیگر زودتر از حدمعمول صورت بپذیرد.
در زیرنشان دادیم چه طور یکیاز اتصالات وب سایت آمازون حتی پیش از پردازش HTML آغاز می شود.
نمونه کد:
درصورتی که میخواهید آن قسمت از اتصال را زودتر در دست گرفتن نمایید، DNS-prefetch نیز وجود دارااست.
نصیب سبز (DNS) زود پیوند میخورد، ولی سایر اتصال بعداً رخداد می افتد.
DNS-prefetch دفاع بهتری از پیش اتصال دارااست، البته در شرایطی که به داده های عددی به کار گیری فعلی نگاه نمائید، تفاوت شایان توجه خواهد بود.
بطورکلی، در صورتی میدانید چیزی از آن سرور می بایست برای عمل کردن کاغذ لود خواهد شد، پیش اتصال عالی میباشد.
با این وجود، از آن جا که اتصال دوباره به مسیریابی و امنیت بیشتری نیاز دارااست (نارنجی رنگ و بنفش)، قرار میباشد به زودی تمرکز منابع اندکی بیشتر باشد.
ابزارهای متعددی برای بالابردن سرعت صفحه ها تارنما تان وجود دارااست. البته آیا میدانید این ابزارهای چه گونه فعالیت مینمایند و به هیچ عنوان آیا این ابزارها سرعت سایتتان را بالا میبرند یا این که نه؟!
پیج اسپید یک مسئله بغرنج میباشد. اکثری از مقالهها لیستی از امور یا این که پلاگین ها را برای بالابردن سرعت وبسایت به شما معرفی می نمایند.
این مقالهها عالی می باشند. با این اکنون تمامی وب سایت های مثل هم نیستند و نمیشود این پیشنهاد ها را برای کلیه وب سایت ها ایفا کرد.
براین اساس، دراین نوشته ی علمی ما به شما توضیح میدهیم که سرعت تارنما به چه شکل شغل می نماید و برای بالا بردن سرعت صفحه های وب سایت چه اقداماتی بایستی ایفا دهید.
در نوشته ی علمی پیشین بهینه سازی روز درباره فراگیری ارتقاء سرعت وب سایت حرف کرده بودم.
درصورتیکه شما کارشناس نیستید و صرفا پیرو نصب پلاگین ای برای ارتقاء سرعت وبسایت تان می باشید، ما درین نوشتهیعلمی چندین پلاگین را به شما معرفی کرده ایم:
wordpress
WP Rocket مبلغی + یک افزونه سئو تصویر
یا این که
Autoptimize + یک افزونه کش
Drupal
AdvAgg + یک ماژول سئو تصویر
در حال حاضر عالی میباشد به مورد مهم نوشتهعلمی بپردازیم. درین نوشتهیعلمی موضوعات تحت آیتم پژوهش قرار میگیرند:
1-سرعت برگه (page speed) چیست ؟
2-چرا سرعت کاغذ اساسی میباشد؟
3-سرعت بار گذاری شدن یک کاغذ بایستی چقدر باشد؟
4-یک کاغذ چطور ساخته میشود؟
5- ابزارهای آزمایش سرعت وب سایت و فراگیری به کار گیری از آن
6- تقریب تاثیر تغییرات
سرعت برگه (page speed) چیست ؟
سرعت برگه مقدار فرصت بارگیری ورقه وبسایت میباشد.
تخصیص یکی باگاز برگه شغل دشواری میباشد چون اکثری از متریک ها، موادتشکیل دهنده بار گذاری ورقه را به طرز های متفاوت، برای هدف ها متعدد و با موقعیت آزمایش متعدد در لحاظ میگیرند .
چرا سرعت ورقه اساسی میباشد؟
جدیدا گوگل اعتنا ویژه ای با گاز شیت داشته میباشد و اعلام کرده که سرعت بار گذاری شیت در تلفن همراه را تحت عنوان فاکتور رنکینگ به اکانت میاورد.
همینطور با افزودن گزارش سرعت در سرچ کنسول گوگل و اعلام گوگل کروم مطابق علام وب سایت های نماید به یوزرها، سرعت ورقه بیشتراز پیش عنایت پیدا می نماید.
ولی آیا می دانستید از سال 2010 سرعت برگه، یکی فاکتورهای بهینه سازی بوده میباشد.
دلایلی وجود داراست که نماد میدهد شما بایستی به ارتقا سرعت وبسایت عنایت بدهید:
سرعت ورقه تجربیات کاربری را ذیل اثر قرار میدهد.
شما بایستی برای مخاطبانتان ورقه را سریع و قابل انعطاف بارگذاری نمایید. به دلیل آنکه هر سیرتکامل ژرف اندیشی یا این که لگ روی اجرا آجل آنها در سایتتان تاثیرگذار میباشد.
سرعت کاغذ روی آنالیز های آماری سایتتان تاثیرگذار میباشد.
کلاً، یک وبسایت سریع خیس مخاطبین بیشتری را رخنه می نماید چون تگ های آنالتیکس یا این که دیگر ابزارها، زودتر بارگذاری می گردند.
در شرایطیکه کاربری پیش از لود تگ وب سایت را رخنه نماید، بازدید وی در سیستم انالتیکس تصویب نخواهد شد.
seo؟ طبق اعلامیه قانونی، به روز مرتبط با سرعت، صرفا کندترین تارنماها را زیر اثر قرار میدهد .
مطالعات متعددی وجود داراست که آرم میدهد با ارتقا سرعت وب سایت، ترافیک ارگانیک، نرخ کلیک بر روی تبلیغات درون وب سایت، و کلاً بازدیدکنندگان وبسایت نیز ارتقاء مییابد.
WPO State نمونه های تحقیقاتی متعددی درباره بهبود سرعت ورقه دارااست.
با این وجود بخش اعظمی از این مطالعات ممکن میباشد اندکی گم راه کننده باشند.
مطابق گفته گوگل، بهبود سرعت برگه تاثیری روی درجه بندی شما نخواهد داشت. مگر اینکه وب سایت حقیقتا کندی داشته باشید.
احتمالا میپرسید، در حالتیکه ارتقاء سرعت روی رنکینگ تاثیری ندارد، پس چرا بازدیدکنندگان وبسایت بیشتر می گردند؟
جواب این پرسش بهاین شکل میباشد که تگ های آنالیتیکس احتمالا سریع خیس از گذشته بار گذاری میگردند و میتوانند اشخاص بیشتری را پیش از شکاف کردن شیت تصویب نمایند.
سرعت بارگذاری شدن یک شیت بایستی چقدر باشد ؟
هیچ میزان قانونی خاصی برای سرعت کاغذ نیست.
ولی معمولا سفارش می شود که برگه می بایست کمتر از 3 ثانیه لود خواهد شد.
این سفارش شاید از اینجا استنباط گردیده که طبق یک رسیدگی گوگل، 53% از بازدیدکنندگان موبایلی، برگه ای که لود آن بیشتراز 3 ثانیه ارتفاع بکشد، شکاف می نمایند.
خلال این این سفارش شاید بر طبق شاخص Speed Index میباشد که بعدا درباره آن حرف خواهیم کرد.
به نظریه ما گوگل هیچ ترازو خاصی برای سرعت شیت مشخص و معلوم نکرده میباشد.
چیزی که گوگل معمولا میگوید پیشنهاد کلی میباشد. مثل: سرعت وبسایت را برای یوزرها بیشتر فرمایید یا این که تا جایی که میشود سرعت را بیشتر نمایید.
یک ورقه چطور ساخته میگردد؟
برای فهم و شعور کیفیت بهبود سرعت شیت باید بدانید چطور یک مرورگر کاغذ را می سازد؟
برای این مراد، بیایید به چارت های Waterfall نگاهی بندازیم و ببینیم در طول بار گذاری برگه چه منابعی لود میشوند.
شما میتوانید این مراحل را در طول لود ورقه، با استعمال از راست کلیک و گزینش مورد inspect و رفتن در تب network ببینید.
یادآوری: بیشتر تصاویر با به کار گیری از ابزار https://www.webpagetest.org به دست آمده میباشد.
ساختوساز کانکشن
رنگ سبز، نارنجی رنگ و بنفش، نشانگر مجال مایحتاج برای برقراری رابطه یا این که کانکشن با سایت میباشد.
درپی هر رنگ به صورت غیر وابسته نظارت خوا هیم کرد.
چارت Waterfall برای پوسته وردپرس 2020 از WebPageTest.org. حالت: Dulles, VA. دستگاه Moto G4. مرورگر: کروم. سرعت 3GSlow
DNS (سبز)
DNS محل کار تلفن اینترنت میباشد.
شما به مرورگر اسم سایت می دهید و مرورگر برای به دست آوردن IP نشانی با یک سرور DNS رابطه برقرار می نماید.
DNS به مرورگر میگوید که تارنما متبوع کجا میزبانی میگردد. صحیح مثل دفتر کار تلفن که شما اسم شخص را میدانید ولی شماره تماس را خیر.
بیشتر مواقع، DNS در جایی قراردارد که دامنه را آنجا تصویب کردهاید و یا این که در جایی قراردارد که CDN شما میباشد.
توجه داشته باشید که تمامی ارائه دهندگان DNS ها یکسان نیستند.
در شرایطی که یک میلی ثانیه هم برای شما اصلی میباشد، عالی میباشد از ارائهدهنده دیگری استعمال نمائید.
طبق پژوهش ها DNSPerf، سرعت جواب کلود فلر به صورت میانگین 12.6 میلی ثانیه میباشد.
این رقم برای GoDaddy عدد 46.04 میلی ثانیه میباشد و برای Rackspace این رقم به 90.38 میلی ثانیه می رسد.
با این وجود این اعداد خیلی ظریف نیستند چون DNS را می قدرت هنگام مرور تارنما از پیشین بصورت موقت در مرورگر ذخیره کرد.
مقدار هنگامی که DNS در مرورگر ذخیره میشود TTL نامیده میشود.
در زمانیکه کش فعال میباشد، مرورگر برای اینکه بداند وبسایت کجا قرار گرفته، دیگر نیازی به اتصال به DNS ندارد.
اتصال(نارنجی رنگ)
این جایی میباشد که مرورگر در هم اکنون برقراری رابطه با سرور صاحبخانه میباشد.
پروتکل در دست گرفتن جابجایی / پروتکل وب (TCP / IP) غامض میباشد ولی شما صرفا به طرز شغل تصور کنید.
احتمالاً یک خط بی واسطه وجود ندارد. شما بایستی بچرخید، و مناطقی با ترافیک فراتر وجود داراست.
حتی ممکن میباشد مسیر را مجدد دنبال فرمائید یا این که یکسری چرخش اشتباهی اعمال دهید.
این نوعی از کیفیت تلاش آن میباشد؛ این از مرورگر شما به سمت سرور جنبش می نماید و برمی خواهد شد .
دلایل متعددی برای زمان بر شدن مجال اتصال وجود داراست.
در پیوندها ناپایدار، از دست رفتن بسته ممکن میباشد حادثه بیفتد و می بایست مجددا ارسال گردد.
این خلل قادر است از طرف روت کردن درخواست از روش کانال باشد.
چقدر بایستی از آن به کار گرفت؟ چقدر می بایست مسیر را در نوردید؟ ترافیک های دیگر روی وبسایت چقدر مشابه میباشند و شما چنددفعه می بایست بچرخید؟
چقدر از عمل بدور میباشید و در جاده چندتا اتومبیل وجود دارااست که ممکن میباشد سرعت شمارا نماید نماید؟
خلال این، گنجایش محدودکننده و اتصال بر روی سرور مشابه به یک تونل میباشد که تنها به تعداد بسیار متعددی اتومبیل اذن عبور در یک دوران را میدهد.
اکثری از این مفاد با کوتاه خیس کردن مسافت با سرور و به کارگیری از مسیریابی مدبرانه خیس (که اکثر DNSها آن را ایفا میدهند) قابل حل شدن میباشد.
با داشتن یک کانال از سرورها درسرتاسر عالم، بازدیدکنندگان معمولا به سرورهای مجاورت متصل می گردند.
برخی ارائه دهندگان DNS معمولا مقادیر متعددی از درخواست های اینترنتی را مدیر می نمایند و میتوانند ببینند در طول حقیقی وواقعی کجا ترافیک وجود داراست.
درحالتی که یک آیتم سریع خیس ببینند، ترافیک را مجددا مسیردهی می نمایند. دقیقا مانند کاری که GPS در ترافیک ها برای شما ایفا میدهد.
لایه Secure Sockets (SSL) (بنفش)
برای وبسایت هایی که اتصال ایمن برقرار می نمایند (HTTPS)، این جایی میباشد که مرورگر و سرور بر روی ورژن پروتکل TLS (امنیت لایه جابجایی)، ciphersuite (سطح امنیت) و تغییر و تحول تاییدیه (برای اعتقاد از اینکه وبسایت همانی باشد که میگوید می باشد) توافق دارا هستند.
شاید فکر کنید صرفا با امداد HTTPS نتوانید سرعت تارنما را بیشتر نمائید.
این حدودا درست میباشد (دستکم برای نصیب اتصال).
ولی بودن بر روی HTTPS مزیت هایی داراست از جمله کرورگرها به شما اذن استعمال از HTTP/2 (H2) سوای HTTPS را نمی دهند.
H2 دارنده مزیت هایی به عنوان مثال اتصال مداوم میباشد.
به این ترتیب مورد نیاز وجود ندارد اتصال جدیدی را برای پوشه ها در به عبارتی سرور گشوده نمائید.
هدرهای باطن این درخواست ها نیز خرد خیس از HTTP/1.1 می باشند و فولدر های چندگانه میتوانند همزمان منتقل شوند.
دربیشتر مفاد، تارنما هایی که از HTTPS استعمال می نمایند سریع خیس از تارنما های بر روی HTTP می باشند.
کلاً، مهمترین دستاورد شما از بروزرسانی پروتکل (TLS 1.3 سریع خیس از TLS 1.2 میباشد) و اجرای امنیت جابجایی محض HTTP (HSTS) ناشی می گردد که مدام به مرورگر میگوید از یک اتصال امن به کارگیری نماید.
مرورگر درخواست هایی را از HTTP به HTTPS سوای نیاز به تماس با سرور و تغییر تحول مسیر جاری ساختن میدهد.
در تصویر ذیل، تغییرو تحول مسیر از HTTP به HTTPS و مجال ما یحتاج با استعمال از HSTS حذف میشود.
حتی شاید بخواهید برای اتصالات سریع خیس از HTTP / 3 به کار گیری نمایید. با این اکنون، دفاع از این پروتکل هنوز در پروسه نخستین میباشد، و دست کم در حین تایپ کردن این نوشتهعلمی احتمالاً هنوز آیتم قابل قبولی جانور وجود ندارد.
اساسی: دستگاه، شرایط و کانال
فرض نمائید اتصال به یک تارنما در تلفن هوشمند در بین منزلت با اتصال 3G 2 ثانیه ارتفاع میکشد. در به عبارتی تلفن با اتصال LTE، نسبتاً 0.41 ثانیه کاهش مییابد.
در دسکتاپ با سرعت معمولی، برقراری این رابطه کمتر از 0.1 ثانیه میباشد.
در حالتیکه مجال اتصال زمان بر خیس را مشاهده میکنید، به خیال داشته باشید ممکن میباشد فرصت اتصال زمانبر تری را تجارب فرمائید که ممکن میباشد به جهت پهنای باند محصور یا این که توان پردازش دستگاه آزمایش باشد.
این عامل ها همدم با خاطر نهفته اساسی می باشند.
آنها میتوانند به شما امداد نمایند تا برای هر کس واپسین تلفن هوشمند خویش را به وای فای متصل نموده است، با کل پرونده های لازم برای بارگیری کاغذ ای که پیش از اینً روی دستگاه خویش ذخیره کرده اند (ما دراین باره در قسمت دیگری سخن خواهیم کرد) توضیح دهید روشی که آنها تجارب می نمایند.
زیر شرایط مطلوب میباشد و اکثر اشخاص این موقعیت را تجربیات نمیکنند.
بارگیری و پردازش HTML
کد HTML یک ورقه به عبارتی چیزی میباشد که در بالا به وسیله یک مرورگر بارگیری میگردد.
این اطلاعاتی میباشد که میتوانید با کلیک راست بر روی یک وبسایت و رفتن به بخش “View Page Source” ملاحظه کنید.
بعداز برقراری اتصال، مرورگر بیت نخستین داده ها را از سرور رجوع و برگشت میدهد، ما به Time To First Byte (TTFB) می رسیم، که اندازه گیری ساده برای فرصت جواب نخستین میباشد.
همان طور که در ذیل خطوط نارنجی رنگ علامت داده گردیدهاست، این مجال از آغاز درخواست HTML (آبیرنگ پرنور) تاوقتیکه HTML آغاز به بارگیری می نماید (آبیرنگ تیره) میباشد.
در شرایطیکه تأخیری برای TTFB وجود داشته باشد، میتواند مرتبط با کوئری دیتابیس، منابع سرور، انتظار برای کامل شدن یک سرور جانبی (SSR) یا این که بقیه مواقعی که معمولاً در تولید محتوای پویا دخیل میباشند، باشد.
فرصت بارگیری به مواقعی مانند اتصال و اندازه پوشه بستگی دارااست.
این همینطور جایی میباشد که مرورگر استارت به تشکیل داد ورقه می نماید.
زمانی که HTML بارگیری میگردد، مرورگر آن را در Document Object Model DOM تجزیه می نماید، یک کامپیوتر بدین طریق ساختار محتوا را ادراک می نماید.
این مراحل تجزیه از main thread مرورگر برای پردازش اقدامات استفاده کننده و رنگ کردن کاغذ، اجرای JavaScript و جاری ساختن دکورا سیون، بازگرداندن و گردآوری آشغال استعمال می نماید.
اینک، تنها بدانید کهاین main thread وجود داراست و شغل های مختلفی را به عهده دارااست. ما بعداً بهاین مسئله خواهیم پرداخت.
در صورتی در بین HTML و درخواست آینده مسافت ای بینید، محتمل ترین انگیزه آن این میباشد که CPU سرگرم پردازش HTML برای ایجاد کرد DOM میباشد.
از آن جا که ادله آن CPU میباشد، این مسئله مجددا به دستگاهی که استعمال میشود بستگی دارااست، براین اساس میتوانید با یک دستگاه قدرتمندتر آزمایش نمائید تا مشاهده کنید هنوز این رخنه وجود داراست یا این که نه.
در حالتیکه از HTML و بقیه فولدر ها مانند CSS و JavaScript استعمال فرمائید، میتوانید فرصت را با استعمال از less code و خرد سازی کاهش دهید تا کاراکترهای غیرضروری مانند ایده ها و فضای سپید از کد حذف شوند، و فشرده سازی برای کاهش سایز فولدر ها شکل گیرد.
نکته این میباشد که بارگیری پوشه را خرد خیس نمایید تا این نصیب از لود سریع خیس گردد.
با این اکنون، رویکرد های متعددی برای خرد و فشرده سازی وجود دارااست.
در اکثری مورد ها، این فعالیت به وسیله CDN یا این که سرور (Apache یا این که Nginx سرورهای متداول میباشند) یا این که به وسیله یک پلاگین / ماژول /پکیج اعمال میگردد.
درصورت قابلیت و امکان از سرور شبیه برای رکوئست ها به کارگیری فرمائید
سابقا میزبانی منابع بر روی دامنه های cookelless که به عبارتی دامنه اساسی نبودند، شایسته ترین راهکار بود، و بعضی وقت ها استعمال از یکسری دامنه (فرآیندی به اسم domain sharding) به جهت محدودیت های درخواست اتصال رقم خورده بوسیله مرورگرها، مزیتی داشت.
بدلیل آنکه HTTP / 2، شایسته ترین نحوه وجود ندارد. در شکل قابلیت می بایست از به عبارتی سرور برای درخواست ها استعمال فرمایید.
از جمله، cdn.ahrefs.com را در نمودار Waterfall تحت قرار دهید.
در شرایطیکه صاحب خانه آن فولدر، ahrefs.com باشد، نیازی به برقراری اتصال وجود ندارد… مجال برقراری اتصال DNS، اتصال، و گفتگو راجع به استخراج امنیتی، با تأخیر جاری ساختن میگردد. سوای رینگ های مازاد برای پریدن، فولدر زودتر در دست قرار خواهد گرفت، این به آن معنا میباشد کهاین شیت حتی سریع خیس بارگیری میگردد.
با این وجود، در حالی که خویش میزبانی بخش اعظمی از پوشه ها مانند فونت ها قادر است باعث به توسعه و گسترش خواهد شد، ممکن میباشد معاملات دیگری مانند یاد مخفی (ذخیره یک ورژن از فولدر) در آنجا وجود داشته باشد که مرورگرها برخی مواقع، منابع مشترک ذخیره گردیده داشته باشند.
از جمله، چنانچه اینجانب از یک تارنما بازدید کردم که یک فونت را از گوگل فونت نامیده میباشد و آنگاه با به عبارتی فونت به وبسایت دیگری مراجعه کنم، ممکن میباشد آن پوشه را پیش از اینً در محلی ذخیره کرده باشم و بدون چاره نباشم مجدد آن را بارگیری کنم.
از Preconnect یا این که DNS-Preetch به کار گیری فرمائید (در حالتی که از سرور دیگری استعمال میکنید)
درصورتی که میخواهید از یک سرور دیگر استعمال نمایید، آغاز به سرورهایی که دربردارنده فولدر های لازم در لود اول کاغذ میباشند متصل گردید.
این دستور سبب می گردد اتصال به سرور دیگر زودتر از حدمعمول صورت بپذیرد.
در زیرنشان دادیم چه طور یکیاز اتصالات وب سایت آمازون حتی پیش از پردازش HTML آغاز می شود.
نمونه کد:
درصورتی که میخواهید آن قسمت از اتصال را زودتر در دست گرفتن نمایید، DNS-prefetch نیز وجود دارااست.
نصیب سبز (DNS) زود پیوند میخورد، ولی سایر اتصال بعداً رخداد می افتد.
DNS-prefetch دفاع بهتری از پیش اتصال دارااست، البته در شرایطی که به داده های عددی به کار گیری فعلی نگاه نمائید، تفاوت شایان توجه خواهد بود.
بطورکلی، در صورتی میدانید چیزی از آن سرور می بایست برای عمل کردن کاغذ لود خواهد شد، پیش اتصال عالی میباشد.
با این وجود، از آن جا که اتصال دوباره به مسیریابی و امنیت بیشتری نیاز دارااست (نارنجی رنگ و بنفش)، قرار میباشد به زودی تمرکز منابع اندکی بیشتر باشد.
تن درستی و تندرستی