تشخیص اینترنت ضعیف با جاوا اسکریپت

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

The Navigator Connection API

بهتری روش برای تشخیص سرعت اینترنت در جاوا اسکریپت استفاده از Navigator Connection API هست. با استفاده از این شما میتونید اطلاع خوبی در مورد کانکشن اینترنت به دست بیارید.

if (navigator.connection) {
    console.log(`Effective network type: ${navigator.connection.effectiveType}`);
    console.log(`Downlink Speed: ${navigator.connection.downlink}Mb/s`);
    console.log(`Round Trip Time: ${navigator.connection.rtt}ms`);
} else {
    console.log('Navigator Connection API not supported');
}

در اینجا شما مقدار 'effectiveType ' به شما این مقدار ها برمیگردونه که میتونه مفید باشه: slow-2g', '2g', '3g', یا '4g'

تشخیص اینترنت ضعیف

شما با کد زیر میتونه تشخیص بدید که اینترنت کاربر ضعیف هست یا نه:

if ('connection' in navigator) {
    const connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection;
    console.log('Effective connection type:', connection.effectiveType);
    
    // Check for slow connections
    if (connection.effectiveType === '2g' || connection.effectiveType === 'slow-2g') {
    console.warn('You are on a slow connection');
    }
    
    // Listen for changes in connection
    connection.addEventListener('change', () => {
        console.log('Connection type changed to:', connection.effectiveType);
    });
} else {
    console.log('Network Information API is not supported by your browser.');
}

1 🔥
1 🎉
1 😮
1 👍
0 💜
0 👏
میلاد خسروی
نویسنده کد نیوز

برنامه نویس فان | Fun Developer یک آدم ساده که عاشق برنامه نویسی و کد زدنه :) تلاش میکنه تا به بقیه کمک کنه. توسعه دهنده هسته لاراول و فضای اوپن سورس. فاندر پرانتز و کد نیوز.

0+ نظر

برای ثبت نظر ابتدا ورود کنید.

0 نظر

    اولین نفر باش که نظر ثبت میکنی :) یعنی یه کامنت به ما نمیرسه 😁