+
+
💚 Help keep this tool free and updated
+
+
-
-
-
- © 2024-2025 DNSSpeedTest.online • Made with ❤️ for the community by
- Brainic
-
-
-
+
+
+ © 2024-2025 DNSSpeedTest.online • Made with ❤️ by
+
+ Brainic
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
×
+
+
+
Edit DNS Test Hosts
+
+ Add or remove hostnames to tailor DNS server testing.
+
+
+
+
+ 0 hostnames configured
+
+
+ Restore recommended list
+
+
+
+
+
+
+
+
+ Add
+
+
+
+ Tip: paste URLs or hostnames separated by commas or new lines. We'll extract valid hosts automatically.
+
+
+
+
+
+
+
+
+
×
+
+
+
Add Custom DoH Servers
+
+ Add DoH endpoints to expand the range of tested DNS servers.
+
+
+
+
+ 0 DoH servers configured
+
+
+ Restore curated list
+
+
+
+
+
+
+
+
+ Server name
+
+
+ DoH endpoint URL
+
+
+ Known IPs (optional, comma separated)
+
+
+
+
+
+ Check & add server
+
+
+ We'll auto-detect GET/POST and CORS support before saving the server.
+
+
-
-
-
+
-
\ No newline at end of file
+
diff --git a/script.js b/script.js
index 8f7bc8c..31a8ee6 100644
--- a/script.js
+++ b/script.js
@@ -19,11 +19,25 @@
*/
const checkButton = document.getElementById('checkButton');
const editButton = document.getElementById('editButton');
-const topWebsites = ['google.com', 'youtube.com', 'facebook.com', 'instagram.com', 'chatgpt.com', 'x.com', 'whatsapp.com', 'reddit.com', 'wikipedia.org', 'amazon.com', 'tiktok.com', 'pinterest.com'];
+const hostFeedback = document.getElementById('websiteFeedback');
+const hostCountBadge = document.getElementById('hostCountBadge');
+const resetHostnamesButton = document.getElementById('resetHostnames');
+const dohFeedback = document.getElementById('dohFeedback');
+const dohCountBadge = document.getElementById('dohCountBadge');
+const resetDoHButton = document.getElementById('resetDoHButton');
+const newDoHNameInput = document.getElementById('newDoHName');
+const newDoHUrlInput = document.getElementById('newDoHUrl');
+const newDoHIpsInput = document.getElementById('newDoHIps');
+const DEFAULT_TOP_WEBSITES = ['google.com', 'youtube.com', 'facebook.com', 'instagram.com', 'chatgpt.com', 'x.com', 'whatsapp.com', 'reddit.com', 'wikipedia.org', 'amazon.com', 'tiktok.com', 'pinterest.com'];
+const STORAGE_KEYS = {
+ hostnames: 'dohSpeedTest.hostnames',
+ servers: 'dohSpeedTest.dnsServers'
+};
+let topWebsites = loadStoredHostnames();
// Penalize failed/timeout requests so they don't skew averages in favor of unstable servers
const TIMEOUT_PENALTY_MS = 5000;
// Global variable to store chart instance
-const dnsServers = [{
+const DEFAULT_DNS_SERVERS = [{
name: "AdGuard", url: "https://dns.adguard-dns.com/dns-query", ips: ["94.140.14.14", "94.140.15.15"]
}, {
name: "AliDNS", url: "https://dns.alidns.com/dns-query", ips: ["223.5.5.5", "223.6.6.6"]
@@ -113,6 +127,135 @@ const dnsServers = [{
}
];
+let dnsServers = loadStoredDnsServers();
+const modalFeedbackElements = {
+ hosts: hostFeedback,
+ doh: dohFeedback
+};
+const MODAL_FEEDBACK_BASE = 'mt-2 text-sm';
+const MODAL_FEEDBACK_STYLES = {
+ info: 'text-slate-500 dark:text-slate-400',
+ success: 'text-emerald-600 dark:text-emerald-300',
+ error: 'text-red-600 dark:text-red-300'
+};
+
+function syncRunButtonState() {
+ checkButton.disabled = topWebsites.length === 0 || dnsServers.length === 0;
+}
+syncRunButtonState();
+updateHostStats();
+updateDoHStats();
+clearModalFeedback('hosts');
+clearModalFeedback('doh');
+
+function loadStoredHostnames() {
+ try {
+ const stored = localStorage.getItem(STORAGE_KEYS.hostnames);
+ if (stored) {
+ const parsed = JSON.parse(stored);
+ if (Array.isArray(parsed) && parsed.every(item => typeof item === 'string')) {
+ return parsed;
+ }
+ }
+ } catch (error) {
+ console.warn('Unable to load stored hostnames, falling back to defaults.', error);
+ }
+ return [...DEFAULT_TOP_WEBSITES];
+}
+
+function loadStoredDnsServers() {
+ try {
+ const stored = localStorage.getItem(STORAGE_KEYS.servers);
+ if (stored) {
+ const parsed = JSON.parse(stored);
+ if (Array.isArray(parsed)) {
+ return parsed.map(cloneServer);
+ }
+ }
+ } catch (error) {
+ console.warn('Unable to load stored DoH servers, falling back to defaults.', error);
+ }
+ return DEFAULT_DNS_SERVERS.map(cloneServer);
+}
+
+function persistHostnames() {
+ try {
+ localStorage.setItem(STORAGE_KEYS.hostnames, JSON.stringify(topWebsites));
+ } catch (error) {
+ console.warn('Unable to persist hostnames', error);
+ }
+}
+
+function persistDnsServers() {
+ try {
+ localStorage.setItem(STORAGE_KEYS.servers, JSON.stringify(dnsServers));
+ } catch (error) {
+ console.warn('Unable to persist DoH servers', error);
+ }
+}
+
+function cloneServer(server) {
+ return {
+ ...server,
+ ips: Array.isArray(server.ips) ? [...server.ips] : []
+ };
+}
+
+function showModalFeedback(target, type, message) {
+ const element = modalFeedbackElements[target];
+ if (!element) return;
+ const feedbackType = MODAL_FEEDBACK_STYLES[type] || MODAL_FEEDBACK_STYLES.info;
+ element.className = `${MODAL_FEEDBACK_BASE} ${feedbackType}`;
+ element.textContent = message;
+ element.classList.remove('hidden');
+}
+
+function clearModalFeedback(target) {
+ const element = modalFeedbackElements[target];
+ if (!element) return;
+ element.textContent = '';
+ element.className = `${MODAL_FEEDBACK_BASE} ${MODAL_FEEDBACK_STYLES.info} hidden`;
+}
+
+function updateHostStats() {
+ if (hostCountBadge) {
+ const count = topWebsites.length;
+ const label = count === 1 ? 'hostname' : 'hostnames';
+ hostCountBadge.textContent = `${count} ${label} configured`;
+ }
+}
+
+function updateDoHStats() {
+ if (dohCountBadge) {
+ const count = dnsServers.length;
+ const label = count === 1 ? 'DoH server' : 'DoH servers';
+ dohCountBadge.textContent = `${count} ${label} configured`;
+ }
+}
+
+function resetHostnamesToDefault() {
+ topWebsites = [...DEFAULT_TOP_WEBSITES];
+ persistHostnames();
+ updateHostStats();
+ showModalFeedback('hosts', 'success', 'Restored recommended hostnames.');
+}
+
+function resetDnsServersToDefault() {
+ dnsServers = DEFAULT_DNS_SERVERS.map(cloneServer);
+ persistDnsServers();
+ updateDoHStats();
+ syncRunButtonState();
+ showModalFeedback('doh', 'success', 'Restored curated DoH server list.');
+}
+
+function parseIpList(rawValue) {
+ if (!rawValue) return [];
+ return rawValue
+ .split(/[\n,;]/)
+ .map(entry => entry.trim())
+ .filter(Boolean);
+}
+
let dnsChart;
let chartData = [];
@@ -155,7 +298,7 @@ function updateChart() {
const dynamicHeight = Math.max(minHeight, Math.min(maxHeight, validData.length * heightPerServer + 100));
// Update container height
- const container = chartContainer.querySelector('.chart-container');
+ const container = chartContainer.querySelector('.chart-container') || chartContainer;
container.style.height = `${dynamicHeight}px`;
// Show chart container
@@ -342,8 +485,16 @@ checkButton.addEventListener('click', async function () {
async function performDNSTests() {
const totalQueries = topWebsites.length;
+ const totalServers = dnsServers.length;
+
+ if (totalServers === 0) {
+ await updateLoadingMessage('No DoH servers configured. Add at least one server to run the benchmark.');
+ return;
+ }
- for (const server of dnsServers) {
+ for (let index = 0; index < totalServers; index++) {
+ const server = dnsServers[index];
+ await updateLoadingMessage(`Analyzing DNS servers (${index + 1}/${totalServers}): ${server.name}`);
const speedResults = await Promise.all(topWebsites.map(website => measureDNSSpeed(server.url, website, server.type, server.allowCors)));
// Map each website to its speed result for the current server
@@ -592,21 +743,25 @@ function updateResult(server) {
}
// Update row with basic information
- row.innerHTML = `
-
${server.name}
-
-
-
- Copy
-
- ${reliabilityBadge}
-
-
${minValue}
-
${medianValue}
-
${avgValue}
-
${maxValue}
- `;
+ row.innerHTML = '';
+
+ const serverCell = document.createElement('td');
+ serverCell.className = 'text-left py-2 px-4 dark:text-gray-300 flex flex-col gap-1';
+ const serverName = document.createElement('span');
+ serverName.textContent = server.name;
+ serverCell.appendChild(serverName);
+ const copyButton = createCopyButton(server);
+ serverCell.appendChild(copyButton);
+ serverCell.insertAdjacentHTML('beforeend', reliabilityBadge);
+ row.appendChild(serverCell);
+
+ const metricValues = [minValue, medianValue, avgValue, maxValue];
+ metricValues.forEach(value => {
+ const cell = document.createElement('td');
+ cell.className = 'text-center py-2 px-4 dark:text-gray-300';
+ cell.textContent = value;
+ row.appendChild(cell);
+ });
// Populate the detailed view with timings for each hostname
detailsRow.innerHTML = `
@@ -717,11 +872,31 @@ function sortTable(columnIndex) {
}
}
+function createCopyButton(server) {
+ const button = document.createElement('button');
+ button.type = 'button';
+ button.className = "cursor-pointer ml-0 mt-1 px-2 py-1 text-xs bg-gray-100 hover:bg-gray-200 dark:bg-gray-700 dark:hover:bg-gray-600 border border-gray-300 dark:border-gray-600 rounded flex items-center gap-1 transition-all duration-200 hover:-translate-y-0.5 select-none inline-flex w-max";
+ button.innerHTML = `
+
+
+ Copy
+ `;
+ const ipList = Array.isArray(server.ips) && server.ips.length ? server.ips.join(', ') : 'Not provided';
+ const copyText = `DoH Server URL: ${server.url}\nIP Addresses: ${ipList}`;
+ button.dataset.copyText = copyText;
+ button.title = "Copy server details";
+ button.addEventListener('click', (event) => {
+ event.stopPropagation();
+ copyToClipboard(button.dataset.copyText, button);
+ });
+ return button;
+}
+
function copyToClipboard(text, buttonElement) {
- event.stopPropagation();
navigator.clipboard.writeText(text).then(() => {
// Change button state to indicate success
- buttonElement.className = "cursor-pointer ml-2 px-2 py-1 text-xs bg-green-100 hover:bg-green-200 dark:bg-green-900 dark:hover:bg-green-800 border border-green-400 text-green-700 dark:text-green-300 rounded flex items-center gap-1 transition-all duration-200 select-none inline-flex";
+ buttonElement.className = "cursor-pointer ml-0 mt-1 px-2 py-1 text-xs bg-green-100 hover:bg-green-200 dark:bg-green-900 dark:hover:bg-green-800 border border-green-400 text-green-700 dark:text-green-300 rounded flex items-center gap-1 transition-all duration-200 select-none inline-flex w-max";
buttonElement.innerHTML = `
${server.name}
+ ${server.url}
+
+ ${methodLabel}
+ ${corsLabel}
+ ${ipPreview ? `${ipPreview} ` : ''}
+
+ `;
+ li.appendChild(serverText);
+
+ const actionsRow = document.createElement("div");
+ actionsRow.className = 'flex justify-end';
+
+ const removeBtn = document.createElement("button");
+ removeBtn.className = 'bg-red-500 text-white rounded px-3 py-1 text-xs hover:bg-red-600 dark:bg-red-700 dark:hover:bg-red-800';
+ removeBtn.textContent = 'Delete';
+ removeBtn.onclick = function () {
+ const removed = dnsServers.splice(index, 1);
+ persistDnsServers();
+ renderDoHList();
+ syncRunButtonState();
+ showModalFeedback('doh', 'info', `${removed[0].name} removed from the list.`);
+ };
- li.appendChild(removeBtn);
- dohList.appendChild(li);
- });
+ actionsRow.appendChild(removeBtn);
+ li.appendChild(actionsRow);
+ dohList.appendChild(li);
+ });
+ }
+ updateDoHStats();
}
dohBtn.onclick = function () {
- dohModal.style.display = "block";
+ showModal(dohModal);
renderDoHList();
};
closeDohBtn.onclick = function () {
- dohModal.style.display = "none";
+ hideModal(dohModal);
+ clearModalFeedback('doh');
};
- // Add new DoH server with automatic capability check
- addDoHBtn.onclick = function () {
- const serverDetails = newDoHInput.value.split(', '); // Expected format: "Name, URL"
- if (serverDetails.length >= 2) {
- const [name, url] = serverDetails;
+ if (resetDoHButton) {
+ resetDoHButton.addEventListener('click', () => {
+ resetDnsServersToDefault();
+ renderDoHList();
+ });
+ }
+
+ [newDoHNameInput, newDoHUrlInput, newDoHIpsInput].forEach(inputField => {
+ if (inputField) {
+ inputField.addEventListener('input', () => clearModalFeedback('doh'));
+ }
+ });
+
+ if (addDoHBtn) {
+ let dohCheckInProgress = false;
+ const defaultAddDoHLabel = addDoHBtn.textContent;
+
+ const setDoHBusyState = (state) => {
+ dohCheckInProgress = state;
+ addDoHBtn.disabled = state;
+ addDoHBtn.textContent = state ? 'Checking…' : defaultAddDoHLabel;
+ };
+
+ // Add new DoH server with automatic capability check
+ addDoHBtn.addEventListener('click', async () => {
+ if (dohCheckInProgress) return;
+ const name = newDoHNameInput.value.trim();
+ const url = newDoHUrlInput.value.trim();
+ const ips = parseIpList(newDoHIpsInput.value);
+
+ if (!name || !url) {
+ showModalFeedback('doh', 'error', 'Please provide both a server name and a DoH endpoint URL.');
+ return;
+ }
+
+ try {
+ new URL(url);
+ } catch (error) {
+ showModalFeedback('doh', 'error', 'Please provide a valid URL (including https://).');
+ return;
+ }
- // Check if server already exists by URL or name
const isDuplicate = dnsServers.some(server => server.url === url || server.name === name);
- if (!isDuplicate) {
- // If not duplicate, proceed to check and add the server
- checkServerCapabilities(name, url);
- } else {
- alert("A server with the same name or URL already exists. Please enter a unique name and URL.");
+ if (isDuplicate) {
+ showModalFeedback('doh', 'error', 'A server with the same name or URL already exists.');
+ return;
}
- } else {
- alert("Please enter DoH server details in the correct format: Name, URL");
- }
- newDoHInput.value = ''; // Clear the input field
- };
- window.onclick = function (event) {
+ showModalFeedback('doh', 'info', 'Checking server capabilities…');
+ setDoHBusyState(true);
+ try {
+ const result = await checkServerCapabilities({name, url, ips});
+ if (newDoHNameInput) newDoHNameInput.value = '';
+ if (newDoHUrlInput) newDoHUrlInput.value = '';
+ if (newDoHIpsInput) newDoHIpsInput.value = '';
+ renderDoHList();
+ const summary = `Added ${name} using ${result.chosenType.toUpperCase()} ${result.allowCors ? 'with' : 'without'} CORS.`;
+ showModalFeedback('doh', 'success', summary);
+ } catch (error) {
+ showModalFeedback('doh', 'error', error.message || 'Failed to add DoH server.');
+ } finally {
+ setDoHBusyState(false);
+ }
+ });
+ }
+
+ window.addEventListener('click', function (event) {
+ if (event.target === modal) {
+ hideModal(modal);
+ clearModalFeedback('hosts');
+ }
if (event.target === dohModal) {
- dohModal.style.display = "none";
+ hideModal(dohModal);
+ clearModalFeedback('doh');
}
- };
+ });
// Function to check server capabilities for CORS and method support
- async function checkServerCapabilities(name, url) {
+ async function checkServerCapabilities({name, url, ips = []}) {
const testHostname = 'example.com';
const dnsQuery = buildDNSQuery(testHostname);
const usesJsonApi = (() => {
@@ -1041,12 +1365,19 @@ document.addEventListener('DOMContentLoaded', function () {
allowCors = false;
}
- if (chosenType) {
- dnsServers.push({name, url, type: chosenType, allowCors, ips: []});
- renderDoHList();
- alert(`Server added. GET: ${getCors.success || getNoCors.success} (CORS: ${getCors.cors}), POST: ${postCors.success} (CORS: ${postCors.cors}). Using ${chosenType.toUpperCase()} with${allowCors ? '' : 'out'} CORS.`);
- } else {
- alert('Failed to add server. Neither GET nor POST methods succeeded. Check console for details.');
+ if (!chosenType) {
+ throw new Error('Failed to confirm DoH capabilities. Neither GET nor POST tests succeeded.');
}
+
+ dnsServers.push({
+ name,
+ url,
+ type: chosenType,
+ allowCors,
+ ips: Array.isArray(ips) ? [...ips] : []
+ });
+ persistDnsServers();
+ syncRunButtonState();
+ return {chosenType, allowCors, getCors, postCors, getNoCors};
}
});