سرعت صفحه

    Tuesday، ۱۱ Aazar ۱۳۹۹

    سرعت صفحه چیست؟

    سرعت صفحه زمانی است که برای بارگیری یک صفحه وب لازم است.

    برخلاف "سرعت سایت" ، که میانگین سرعت نمونه ای از صفحات در یک وب سایت است ، سرعت صفحه اندازه گیری سرعت یک صفحه وب خاص است.

    روش های زیادی برای اندازه گیری "سرعت" یک صفحه وب وجود دارد.

    4 معیار مشهور عبارتند از Time to First Byte (TTFB) ، صفحه کاملاً بارگذاری شده ، و اولین رنگ آمیزی معنادار و زمان تعامل.

    زمان برای بایت اول: زمانی که وب سایت شما برای شروع روند بارگیری طول می کشد

    کاملاً شارژ شده: مدت زمان لازم برای شارژ کامل وب سایت شما

    اولین رنگ معنی دار: صفحه شما با چه سرعتی مطالب معنی دار را بارگیری می کند

    زمان تعاملی: چه مدت طول می کشد تا صفحه تعاملی شود

    سرعت صفحه چه تاثیری بر SEO دارد؟

    گوگل از سال 2010 به عنوان یکی از عوامل رتبه بندی از سرعت صفحه استفاده می کند.

    در سال 2018 ، آنها به روزرسانی جدیدی را منتشر کردند که باعث می شد سرعت بندی به عنوان یک عامل رتبه بندی برای رتبه بندی تلفن همراه شناخته شود.

    روش دیگری که سرعت در آن بر SEO تأثیر می گذارد تجربه کاربر است.

    اگر صفحه وب شما خیلی کند است ، کاربران شما به Google برمی گردند.

    این اصطلاحاً Pogo sticking نامیده می شود و با گذشت زمان ، اگر افراد زیادی از سایت شما خارج شوند و نتیجه دیگری را در Google انتخاب کنند ، می تواند بر رتبه شما تأثیر منفی بگذارد.

    سرعت ایده آل صفحه چقدر است؟

    Google دقیقاً مشخص نمی کند که چه شاخص "سرعت" بر SEO تأثیر می گذارد.

    این مطالعه Moz نشان داد که Google می تواند به طور خاص زمان بایت اول را اندازه گیری کند ، همانطور که سرعت صفحه را در نظر می گیرد.

    Google ابزاری به نام PageSpeed ​​Insights Tool دارد که می توانید برای آزمایش سرعت تست خود از آن استفاده کنید.

    اجرای سایت خود از طریق پنجره های Pagespeed به شما نمره ای بین 0 تا 100 (بهتر بهتر) و عملکرد در زمان واقعی در سایت شما بر اساس داده های Chrome می دهد

    ابزارهایی برای اندازه گیری سرعت وب سایت شما

    PageSpeed ​​Insights - امتیاز PageSpeed ​​خود را بررسی کنید.

    ByteCheck - زمان بایت اول را اندازه گیری کنید.

    GTmetrix - زمان شارژ کامل خود را اندازه بگیرید.

    Pingdom - زمان شارژ را از چندین مکان اندازه بگیرید.

    Lighthouse - ابزاری است که توسط گوگل ساخته شده و به توسعه دهندگان وب کمک می کند تا زمان بارگیری ، در دسترس بودن و بهینه سازی صفحات وب را برای موتورهای جستجو آزمایش کنند.

    Web.dev - نسخه میزبان فانوس دریایی.

    بهترین روش ها برای بهبود سرعت صفحه شما

    سرعت صفحه شما می تواند تحت تأثیر صدها مسئله باشد ، از ساختار و موقعیت سرور گرفته تا اندازه تصاویر.

    1. بهینه سازی تصاویر

    تصاویر معمولاً سنگین ترین عناصر هستند و فشرده سازی تصاویر یکی از سریع ترین راه ها برای بارگذاری سریع وب سایت شماست.

    در صورت استفاده از سایت وردپرس ، ابزارهایی مانند WP Smush بهینه سازی عکس های شما را بسیار آسان می کند.

    در غیر این صورت می توانید از یک کمپرسور تصویر مانند TinyPNG و TinyJPG استفاده کنید که می تواند در شما پهنای باند زیادی را ذخیره کند.

    یک قانون خوب این است که تصاویر را به اندازه واقعی که در آن ظاهر می شوند ، اندازه دهید و آنها را قبل از بارگذاری در سرور خود فشرده کنید.

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

    افزونه هایی مانند Lazy Loading from WPRocket بارگذاری تنبل را در سایت های وردپرسی بسیار آسان می کند.

    قالب های تصویر نسل بعدی مانند .webp نیز توسط Google در آمار Pagespeed توصیه می شود.

    این فرمت های تصویر در دستگاه های تلفن همراه سریعتر بارگیری می شوند ، اما پشتیبانی چندانی از مرورگر وجود ندارد و شما باید به صورت پویا از 2 تصویر مختلف (webp و jpg) استفاده کنید.

    بنابراین هنوز افراد زیادی از آنها استفاده نمی کنند.

    2. میزبانی با کیفیت را انتخاب کنید

    میزبانی وب نقش بسزایی در سرعت بارگیری وب سایت شما دارد. اگر روی میزبانی اشتراکی کار می کنید ، بسیاری از وب سایت ها در همان سرور کار می کنند ، که می تواند بر سرعت صفحه تأثیر بگذارد.

    البته اگر به تازگی وب سایتی ایجاد کرده اید نیازی به پرداخت صدها میزبانی ندارید.

    میزبانی مشترک احتمالاً بهترین ارزش را برای شما خواهد داشت.

    فقط به این جنبه ها توجه کنید و ارزان ترین گزینه ای را که پیدا می کنید انتخاب نکنید: +

    سرعت

    وقت کار

    محل سرور

    البته ، اگر در مورد وب سایت خود جدی هستید ، یک سرور اختصاصی VPS / اختصاصی بسیار بهتر از یک سرور میزبان مشترک است.

    اگر وردپرس را راه اندازی می کنید ، می توانید میزبانی وردپرس مدیریت شده با سرورهای ساخته شده با بهینه سازی WP را در نظر بگیرید.

    3. کد را بهینه و به حداقل برسانید

    داشتن کد نادرست نوشته شده می تواند سرعت سایت شما را کم کند. فقط از خدمات و ابزارهای شخص ثالث که به طور فعال در حال توسعه و به روزرسانی هستند استفاده کنید.

    اگر از وردپرس استفاده می کنید ، می توانید از افزونه ای مانند WP Rocket ، Autoptimize یا W3 Total Cache استفاده کنید.

    4- از CDN استفاده کنید

    شبکه تحویل محتوا (CDN) مجموعه ای از وب سرورهای توزیع شده از نظر جغرافیایی در چندین مکان است که می تواند برای ارائه کارآمدتر محتوا به کاربران استفاده شود.

    به جای اینکه داده های شما در سراسر جهان سفر کنند ، کاربران می توانند آن را از یک سرور CDN نزدیک به خود دریافت کنند.

    اجرای CDN می تواند سرعت سایت شما را برای بازدید کنندگان بین المللی به طور قابل توجهی تغییر دهد.

    5- اسکریپت های شخص ثالث را کاهش و کاهش دهید

    امروزه بسیاری از وب سایت ها به دلیل استفاده گسترده از ابزارهای شخص ثالث مانند Hotjar یا Intercom ، کند هستند.

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

    به عنوان مثال. اگر می خواهید نقشه های حرارتی را در یک صفحه مقصد در وب سایت خود دریافت کنید ، Hotjar نیازی به کار در کل صفحه وب شما ندارد ، فقط در صفحه فرود است.

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

    این برای سرویس های چت که در سراسر سایت استفاده می شود مفید است.

    برای انجام اسکریپت ها هنگام انجام یک اقدام خاص ، می توانید از Google Tag Manager استفاده کنید.

    می توانید از این مورد برای بیشتر اسکریپت های بازاریابی سنگین استفاده کنید ، اما برای اسکریپت های تحلیلی مانند Google Analytics توصیه نمی شود ، زیرا می تواند با داده ها اشتباه گرفته شود.

    به تأخیر انداختن اسکریپت های بازاریابی می تواند به طور چشمگیری زمان تعاملی شما را بهبود بخشد و سرعت صفحه شما را بهبود بخشد.

    6. ذخیره مرورگر را فعال کنید

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

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

    اگرچه این باعث سرعت بخشیدن به صفحه وب شما برای اولین بار کاربران نمی شود ، اما برای بازدیدکنندگان بعدی تفاوت چشمگیری ایجاد می کند.

    افزونه هایی مانند WProcket راه اندازی ذخیره سازی برای یک سایت وردپرس را آسان می کند.

    7. از آخرین فن آوری استفاده کنید

    طبق آمار WordPress.org ، سایت های وردپرسی بسیاری هنوز با PHP 5.6 کار می کنند ، اگرچه این سایت در سال 2014 راه اندازی شد و در دسامبر 2018 به پایان رسید.

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

    طبق تست عملکرد PHP Kinsta ، PHP 7.3 در هر ثانیه سه برابر بیشتر از PHP 5.6 درخواست را اجرا می کند.

    8- از HTTP / 2 استفاده کنید

    HTTP / 2 یک پروتکل وب است که در سال 2015 منتشر شد و برای سرعت بخشیدن به تحویل وب سایت ها طراحی شده است.

    به جای درخواست همزمان یک پرونده ، HTTP / 2 به صفحه وب شما اجازه می دهد چندین پرونده را همزمان بارگذاری کنید.

    در اینجا یک تصویر ساده از نحوه کار با ترفندهای CSS آورده شده است:

    9. تخلیه رسانه ها

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

    یکی از محبوب ترین راه حل های تخلیه ، Amazon S3 است.

    می توانید از Amazon S3 برای سرویس دهی به پرونده های بزرگ ، مانند فیلم و بارگیری ، بدون به خطر انداختن عملکرد وب سایت های خود استفاده کنید.

    اگر یک سایت وردپرسی را اجرا می کنید ، می توانید از افزونه ای مانند Offload Media to S3 استفاده کنید تا تصاویر خود را برای بارگذاری از Amazon S3 به راحتی بارگذاری کنید.

    روش دیگر برای بارگیری رسانه استفاده از خدمات شخص ثالث برای بارگذاری رسانه های خاص است.

    10. فشرده سازی GZIP را فعال کنید

    GZIP یک نرم افزار کاربردی است که برای فشرده سازی پرونده ها استفاده می شود.

    فشرده سازی GZIP پس از فعال شدن در سرور ، اندازه HTML ، سبک ها و پرونده های JavaScript شما را کاهش می دهد ، بنابراین سرعت بارگذاری وب سایت شما را سرعت می بخشد.

    فشرده سازی Gzip برای تصاویر ، PDF و سایر فرمت های باینری که از قبل فشرده شده اند کار نمی کند.

    اگر Apache روی سرور شما در حال اجرا است ، تنها کاری که باید انجام دهید این است که کدهای زیر را به پرونده .htaccess خود اضافه کنید تا فشرده سازی Gzip را فعال کنید.

    <IfModule mod_deflate.c>

    # Compress HTML, CSS, JavaScript, Text, XML and fonts

    AddOutputFilterByType DEFLATE application / javascript

    AddOutputFilterByType DEFLATE application / rss + xml

    AddOutputFilterByType DEFLATE application / vnd.ms-fontobject

    AddOutputFilterByType DEFLATE application / x-font

    AddOutputFilterByType DEFLATE application / x-font-opentype

    AddOutputFilterByType DEFLATE application / x-font-otf

    AddOutputFilterByType DEFLATE application / x-font-truetype

    AddOutputFilterByType DEFLATE application / x-font-ttf

    AddOutputFilterByType DEFLATE application / x-javascript

    AddOutputFilterByType DEFLATE application / xhtml + xml

    AddOutputFilterByType DEFLATE application / xml

    AddOutputFilterByType DEFLATE font / type of opening

    AddOutputFilterByType DEFLATE font / otf

    AddOutputFilterByType DEFLATE font / ttf

    AddOutputFilterByType DEFLATE image / svg + xml

    AddOutputFilterByType DEFLATE image / x-icon

    AddOutputFilterByType DEFLATE text / css

    AddOutputFilterByType DEFLATE text / html

    AddOutputFilterByType DEFLATE text / javascript

    AddOutputFilterByType DEFLATE text / plain

    AddOutputFilterByType DEFLATE text / xml

    # Eliminate browser errors (only needed for really old browsers)

    BrowserMatch ^ Mozilla / 4 gzip-only-text / html

    BrowserMatch ^ Mozilla / 4 \ .0 [678] no-gzip

    BrowserMatch \ bMSIE! No-gzip! Gzip-only-text / html

    The header adds Vary User-Agent

    </IfModule>

    اگر مطمئن نیستید که این موضوع چیست ، فقط از یک برنامه نویس کمک بگیرید.

    11. از طرح های سبک استفاده کنید

    هر ویژگی مانند پیمایش خودکار یا طراحی اختلاف منظر که همراه با یک موضوع باشد ، زمان بارگیری بیشتری را اضافه می کند.

    اگرچه در برخی موارد ممکن است لازم باشد ویژگی های خاصی داشته باشید ، اما همیشه بخاطر داشته باشید که این امر باعث افزایش زمان شارژ شدن نیز می شود.

    به عنوان مثال ، پلاگین های کشویی به طور معمول کد JS نوار لغزنده را به هر صفحه جداگانه در وب سایت شما اضافه می کنند ، در نتیجه سرعت کل وب سایت شما کاهش می یابد. مثال دیگر ، پخش خودکار فیلم های پس زمینه است که کاربران را مجبور به بارگیری یک فایل ویدیویی بزرگ و از دست دادن داده ها از کاربران تلفن همراه می کند.

    داشتن یک موضوع با ساختار مناسب و سبک و سریع می تواند معجزه هایی برای تجارت شما ایجاد کند. Astra & GeneratePress سبک ترین مضامین وردپرس هستند.

    12. از AMP استفاده کنید

    اگر واقعاً می خواهید سرعت سایت خود را در جستجوی موبایل افزایش دهید ، می توانید از AMP (Accelerated Mobile Pages) استفاده کنید.

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

    AMP را می توان با یک پلاگین ساده به راحتی برای وردپرس پیاده سازی کرد.

    پس از استقرار ، سایت شما توسط حافظه پنهان Google سرویس دهی می شود و بنابراین بلافاصله روی دستگاه های تلفن همراه بارگیری می شود.

    عیب AMP این است که طراحی سایت شما آسیب دیده و مانند سایر نتایج جستجو به نظر می رسد.

    آیا شما باید 100/100 از بینش Pagespeed را هدف قرار دهید؟

    لازم نیست فقط در نمره 100/100 در یک تست سرعت صفحه تمرکز کنید.

    این ابزار به سادگی "بهترین روش ها" و توصیه هایی را به شما می دهد که اکثر وب سایت های سریع از آن پیروی می کنند.

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

    ابزارهایی مانند GTmetrix به جای نتیجه ای مانند بینش Pagespeed ، در عرض چند ثانیه به شما زمان بارگیری کامل می دهند.

    طبق نظرسنجی گوگل ، از هر 2 نفر 1 نفر انتظار دارد که وب سایت در کمتر از 2 ثانیه بارگیری شود و 53٪ افراد وب سایت را با تلفن همراه ترک می کنند زیرا در 3 ثانیه بارگیری نمی شود.

    یکی از بهترین راه ها برای افزایش سرعت صفحه وب ، درک کاربران و پی بردن به مهمترین موارد برای آنها است.