diff --git a/src/lib/assets/js/ort_utils.js b/src/lib/assets/js/ort_utils.js
index cc4f99e..a7134b9 100644
--- a/src/lib/assets/js/ort_utils.js
+++ b/src/lib/assets/js/ort_utils.js
@@ -275,12 +275,12 @@ const main = async (_id, _model, _modelType, _dataType, _backend) => {
     l(options.executionProviders)
 
     addResult(_model, _modelType, _dataType, _backend, 2, 0, [], 0);
-    updateInfo(`${testQueueLength - testQueue.length + 1}/${testQueueLength} Testing ${_model} (${_modelType}/${_dataType}) with ${backend} backend`);
+    updateInfo(`${testQueueLength - testQueue.length + 1}/${testQueueLength} Testing ${_model} (${_modelType}/${_dataType}) with ${_backend} backend`);
     updateInfo(`${testQueueLength - testQueue.length + 1}/${testQueueLength} Creating onnx runtime web inference session`);
 
     updateInfo(`${testQueueLength - testQueue.length + 1}/${testQueueLength} Downloading model from ${modelPath}`);
     const sess = await ort.InferenceSession.create(modelPath, options);
-    updateInfo(`${testQueueLength - testQueue.length + 1}/${testQueueLength} Warming up ...`);
+    updateInfo(`${testQueueLength - testQueue.length + 1}/${testQueueLength} Warming up`);
     let feeds = clone(getFeeds(_model, _dataType));
 
     let warmupTime = 0;
@@ -307,7 +307,7 @@ const main = async (_id, _model, _modelType, _dataType, _backend) => {
     updateInfo(`${testQueueLength - testQueue.length + 1}/${testQueueLength} Inference Time (Median): ${inferenceTimesMedian} ms`);
 
     await sess.release();
-    updateInfo(`${testQueueLength - testQueue.length + 1}/${testQueueLength} Test ${_model} (${_modelType}/${_dataType}) with ${backend} backend completed`);
+    updateInfo(`${testQueueLength - testQueue.length + 1}/${testQueueLength} Test ${_model} (${_modelType}/${_dataType}) with ${_backend} backend completed`);
   }
 }
 
diff --git a/src/lib/components/ConfigBackends.svelte b/src/lib/components/ConfigBackends.svelte
index ca3c36f..0c37e3a 100644
--- a/src/lib/components/ConfigBackends.svelte
+++ b/src/lib/components/ConfigBackends.svelte
@@ -1,16 +1,24 @@
 <script>
 	import { uniqueBackends } from '../config';
+	// import { backendsStore } from '$lib/store/store';
 	import {
 		trimComma,
 		removeStringFromArray,
 		arrayToStringWithComma,
 		containsAllElementsInArray,
 		getURLParameterValue,
-		selectedBackends,
 		goTo,
 		stringToArray
 	} from '$lib/assets/js/utils';
-	import { onMount, afterUpdate } from 'svelte';
+	import { onMount } from 'svelte';
+
+	// /**
+	//  * @type {string[]}
+	//  */
+	// let selectedBackends;
+	// backendsStore.subscribe((value) => {
+	// 	selectedBackends = value;
+	// });
 
 	/**
 	 * @type {any}
@@ -26,6 +34,8 @@
 		webnn_npu: false
 	};
 
+	let backendsFromUrl;
+
 	const toggleBackends = () => {
 		for (const backend in backends) {
 			if (backends.hasOwnProperty(backend)) {
@@ -117,10 +127,36 @@
 		goTo('backend', urlBackends);
 	};
 
-	afterUpdate(() => {
-		for (const backend of selectedBackends) {
-			backends[backend] = true;
+	const highlightBackend = () => {
+		backendsFromUrl = getURLParameterValue('backend')?.toLocaleLowerCase().trim();
+		backendsFromUrl = decodeURIComponent(backendsFromUrl);
+		backendsFromUrl = backendsFromUrl?.replaceAll('undefined', '');
+		backendsFromUrl = trimComma(backendsFromUrl);
+
+		if (backendsFromUrl === 'all') {
+			backendsFromUrl = [
+				'wasm_1',
+				'wasm_4',
+				'webgl',
+				'webgpu',
+				'webnn_cpu_1',
+				'webnn_cpu_4',
+				'webnn_gpu',
+				'webnn_npu'
+			];
+		} else {
+			backendsFromUrl = stringToArray(backendsFromUrl);
+		}
+
+		if (backendsFromUrl.length > 0) {
+			for (const backend of backendsFromUrl) {
+				backends[backend] = true;
+			}
 		}
+	};
+
+	onMount(() => {
+		highlightBackend();
 	});
 </script>
 
diff --git a/src/lib/components/ConfigDataTypes.svelte b/src/lib/components/ConfigDataTypes.svelte
index b711e93..b7d8541 100644
--- a/src/lib/components/ConfigDataTypes.svelte
+++ b/src/lib/components/ConfigDataTypes.svelte
@@ -3,13 +3,23 @@
 		trimComma,
 		arrayToStringWithComma,
 		getURLParameterValue,
-		selectedDataTypes,
 		getUniqueDataTypesByModelId,
 		goTo,
 		stringToArray,
 		getModelIdfromPath
 	} from '$lib/assets/js/utils';
-	import { beforeUpdate, afterUpdate } from 'svelte';
+	// import { dataTypesStore } from '$lib/store/store';
+	import { beforeUpdate, onMount } from 'svelte';
+
+	// /**
+	//  * @type {string[]}
+	//  */
+	// let selectedDataTypes;
+	// dataTypesStore.subscribe((value) => {
+	// 	selectedDataTypes = value;
+	// });
+
+	let dataTypesFromUrl;
 
 	/**
 	 * @type {any}
@@ -94,10 +104,27 @@
 		}
 	});
 
-	afterUpdate(() => {
-		for (const datatype of selectedDataTypes) {
-			dataTypes[datatype].selected = true;
+	const highlightDataTypes = () => {
+		dataTypesFromUrl = getURLParameterValue('datatype')?.toLocaleLowerCase().trim();
+		dataTypesFromUrl = decodeURIComponent(dataTypesFromUrl);
+		dataTypesFromUrl = dataTypesFromUrl?.replaceAll('undefined', '');
+		dataTypesFromUrl = trimComma(dataTypesFromUrl);
+
+		if (dataTypesFromUrl === 'all') {
+			dataTypesFromUrl = ['fp32', 'fp16', 'int8'];
+		} else {
+			dataTypesFromUrl = stringToArray(dataTypesFromUrl);
 		}
+
+		if (dataTypesFromUrl.length > 0) {
+			for (const datatype of dataTypesFromUrl) {
+				dataTypes[datatype] = true;
+			}
+		}
+	};
+
+	onMount(() => {
+		highlightDataTypes();
 	});
 </script>
 
diff --git a/src/lib/components/ConfigModelTypes.svelte b/src/lib/components/ConfigModelTypes.svelte
index 4485c4e..0da340c 100644
--- a/src/lib/components/ConfigModelTypes.svelte
+++ b/src/lib/components/ConfigModelTypes.svelte
@@ -3,13 +3,23 @@
 		trimComma,
 		arrayToStringWithComma,
 		getURLParameterValue,
-		selectedModelTypes,
 		getUniqueModelTypesByModelId,
 		goTo,
 		stringToArray,
 		getModelIdfromPath
 	} from '$lib/assets/js/utils';
-	import { beforeUpdate, afterUpdate } from 'svelte';
+	// import { modelTypesStore } from '$lib/store/store';
+	import { beforeUpdate, onMount } from 'svelte';
+
+	let modelTypesFromUrl;
+
+	// /**
+	//  * @type {string[]}
+	//  */
+	// let selectedModelTypes;
+	// modelTypesStore.subscribe((value) => {
+	// 	selectedModelTypes = value;
+	// });
 
 	/**
 	 * @type {any}
@@ -96,10 +106,27 @@
 		}
 	});
 
-	afterUpdate(() => {
-		for (const modeltype of selectedModelTypes) {
-			modelTypes[modeltype].selected = true;
+	const highlightModelTypes = () => {
+		modelTypesFromUrl = getURLParameterValue('modeltype')?.toLocaleLowerCase().trim();
+		modelTypesFromUrl = decodeURIComponent(modelTypesFromUrl);
+		modelTypesFromUrl = modelTypesFromUrl?.replaceAll('undefined', '');
+		modelTypesFromUrl = trimComma(modelTypesFromUrl);
+
+		if (modelTypesFromUrl === 'all') {
+			modelTypesFromUrl = ['onnx', 'tflite', 'npy', 'pt'];
+		} else {
+			modelTypesFromUrl = stringToArray(modelTypesFromUrl);
 		}
+
+		if (modelTypesFromUrl.length > 0) {
+			for (const modeltype of modelTypesFromUrl) {
+				modelTypes[modeltype] = true;
+			}
+		}
+	};
+
+	onMount(() => {
+		highlightModelTypes();
 	});
 </script>
 
diff --git a/src/lib/components/ConfigModels.svelte b/src/lib/components/ConfigModels.svelte
index 4993408..82b37b0 100644
--- a/src/lib/components/ConfigModels.svelte
+++ b/src/lib/components/ConfigModels.svelte
@@ -8,12 +8,11 @@
 		getURLParameterValue,
 		getUniqueDataTypes,
 		getUniqueModelTypes,
-		selectedModels,
 		goTo,
 		stringToArray
 	} from '$lib/assets/js/utils';
-	import { modelTypesStore, dataTypesStore } from '$lib/store/store';
-	import { afterUpdate, beforeUpdate } from 'svelte';
+	import { modelTypesStore, dataTypesStore, modelsStore } from '$lib/store/store';
+	import { onMount, beforeUpdate } from 'svelte';
 
 	/**
 	 * @type {string[]}
@@ -31,6 +30,14 @@
 		selectedDataTypes = value;
 	});
 
+	/**
+	 * @type {string[]}
+	 */
+	let selectedModels;
+	modelsStore.subscribe((value) => {
+		selectedModels = value;
+	});
+
 	/**
 	 * @type {any[]}
 	 */
@@ -332,18 +339,77 @@
 		filterModelsFromSelectedModelTypeandDataTypes();
 	});
 
-	afterUpdate(() => {
-		for (const datatype of selectedDataTypes) {
-			dataTypes[datatype] = true;
+	let dataTypesFromUrl;
+	const highlightDataTypes = () => {
+		dataTypesFromUrl = getURLParameterValue('datatype')?.toLocaleLowerCase().trim();
+		dataTypesFromUrl = decodeURIComponent(dataTypesFromUrl);
+		dataTypesFromUrl = dataTypesFromUrl?.replaceAll('undefined', '');
+		dataTypesFromUrl = trimComma(dataTypesFromUrl);
+
+		if (dataTypesFromUrl === 'all') {
+			dataTypesFromUrl = ['fp32', 'fp16', 'int8'];
+		} else {
+			dataTypesFromUrl = stringToArray(dataTypesFromUrl);
 		}
 
-		for (const modeltype of selectedModelTypes) {
-			modelTypes[modeltype] = true;
+		if (dataTypesFromUrl.length > 0) {
+			for (const datatype of dataTypesFromUrl) {
+				dataTypes[datatype] = true;
+			}
 		}
+	};
 
-		for (const model of selectedModels) {
-			filteredModelIds[model] = true;
+	let modelTypesFromUrl;
+	const highlightModelTypes = () => {
+		modelTypesFromUrl = getURLParameterValue('modeltype')?.toLocaleLowerCase().trim();
+		modelTypesFromUrl = decodeURIComponent(modelTypesFromUrl);
+		modelTypesFromUrl = modelTypesFromUrl?.replaceAll('undefined', '');
+		modelTypesFromUrl = trimComma(modelTypesFromUrl);
+
+		if (modelTypesFromUrl === 'all') {
+			modelTypesFromUrl = ['onnx', 'tflite', 'npy', 'pt'];
+		} else {
+			modelTypesFromUrl = stringToArray(modelTypesFromUrl);
 		}
+
+		if (modelTypesFromUrl.length > 0) {
+			for (const modeltype of modelTypesFromUrl) {
+				modelTypes[modeltype] = true;
+			}
+		}
+	};
+
+	let modelsFromUrl;
+	const highlightModels = () => {
+		modelsFromUrl = getURLParameterValue('model')?.toLocaleLowerCase().trim();
+		modelsFromUrl = decodeURIComponent(modelsFromUrl);
+		modelsFromUrl = modelsFromUrl?.replaceAll('undefined', '');
+		modelsFromUrl = trimComma(modelsFromUrl);
+		modelsFromUrl = stringToArray(modelsFromUrl);
+
+		if (modelsFromUrl.length > 0) {
+			for (const model of modelsFromUrl) {
+				filteredModelIds[model] = true;
+			}
+		}
+	};
+
+	onMount(() => {
+		// for (const datatype of selectedDataTypes) {
+		// 	dataTypes[datatype] = true;
+		// }
+
+		// for (const modeltype of selectedModelTypes) {
+		// 	modelTypes[modeltype] = true;
+		// }
+
+		// for (const model of selectedModels) {
+		// 	filteredModelIds[model] = true;
+		// }
+
+		highlightDataTypes();
+		highlightModelTypes();
+		highlightModels();
 	});
 </script>
 
diff --git a/src/lib/components/ConfigNumOfRuns.svelte b/src/lib/components/ConfigNumOfRuns.svelte
index 693578a..f9899de 100644
--- a/src/lib/components/ConfigNumOfRuns.svelte
+++ b/src/lib/components/ConfigNumOfRuns.svelte
@@ -1,23 +1,19 @@
 <script>
 	import { goTo } from '$lib/assets/js/utils';
-	import { onMount } from 'svelte';
-	import { page } from '$app/stores';
+	import { numberOfRunsStore } from '$lib/store/store';
 
 	/**
 	 * @type {number}
 	 */
-	let numOfRuns = 1;
+	let numOfRuns;
+
+	numberOfRunsStore.subscribe((value) => {
+		numOfRuns = value;
+	});
 
 	const setNumberOfRuns = () => {
 		goTo('run', numOfRuns);
 	};
-
-	onMount(() => {
-		let para = $page.url.searchParams;
-		if (para.get('run')) {
-			numOfRuns = parseInt(para.get('run'));
-		}
-	});
 </script>
 
 <div class="title">
diff --git a/src/lib/components/Results.svelte b/src/lib/components/Results.svelte
index f6bf65d..2768567 100644
--- a/src/lib/components/Results.svelte
+++ b/src/lib/components/Results.svelte
@@ -1,11 +1,6 @@
 <script>
-	import { testQueueStore, testQueueLengthStore } from '$lib/store/store';
-	import {
-		copyResults,
-		selectedBackends,
-		copyRawInference,
-		downloadScreenshot
-	} from '$lib/assets/js/utils';
+	import { testQueueStore, testQueueLengthStore, backendsStore } from '$lib/store/store';
+	import { copyResults, copyRawInference, downloadScreenshot } from '$lib/assets/js/utils';
 	import { resultsStore } from '$lib/store/store';
 	import Info from './Info.svelte';
 	import Copy from './svg/Copy.svelte';
@@ -22,7 +17,15 @@
 	/**
 	 * @type {string[]}
 	 */
-	export let results;
+	let selectedBackends;
+	backendsStore.subscribe((value) => {
+		selectedBackends = value;
+	});
+
+	/**
+	 * @type {string[]}
+	 */
+	let results;
 	resultsStore.subscribe((value) => {
 		results = value;
 	});
@@ -30,7 +33,7 @@
 	/**
 	 * @type {string[]}
 	 */
-	export let testQueue;
+	let testQueue;
 	testQueueStore.subscribe((value) => {
 		testQueue = value;
 	});
@@ -38,7 +41,7 @@
 	/**
 	 * @type {number}
 	 */
-	export let testQueueLength;
+	let testQueueLength;
 
 	testQueueLengthStore.subscribe((value) => {
 		testQueueLength = value;
@@ -135,7 +138,7 @@
 						<div
 							class="status_{key.wasm_1.status} s backend"
 							title="Warmup Time: {key.wasm_1.warmup.toString()} ms; Inference Time (Median): {key
-								.wasm_1.inferencemedian} ms; Inference Time: [{key.wasm_1.inference
+								.wasm_1.inferencemedian} ms; Inference Times: [{key.wasm_1.inference
 								.toString()
 								.replace(',', ', ')}] ms"
 						>
@@ -147,7 +150,7 @@
 									copyRawInference(
 										`Warmup Time: ${key.wasm_1.warmup.toString()} ms; Inference Time (Median): ${
 											key.wasm_1.inferencemedian
-										} ms; Inference Time: [${key.wasm_1.inference
+										} ms; Inference Times: [${key.wasm_1.inference
 											.toString()
 											.replace(',', ', ')}] ms`
 									)}
@@ -181,7 +184,7 @@
 						<div
 							class="status_{key.wasm_4.status} s backend"
 							title="Warmup Time: {key.wasm_4.warmup.toString()} ms; Inference Time (Median): {key
-								.wasm_4.inferencemedian} ms; Inference Time: [{key.wasm_4.inference
+								.wasm_4.inferencemedian} ms; Inference Times: [{key.wasm_4.inference
 								.toString()
 								.replace(',', ', ')}] ms"
 						>
@@ -193,7 +196,7 @@
 									copyRawInference(
 										`Warmup Time: ${key.wasm_4.warmup.toString()} ms; Inference Time (Median): ${
 											key.wasm_4.inferencemedian
-										} ms; Inference Time: [${key.wasm_4.inference
+										} ms; Inference Times: [${key.wasm_4.inference
 											.toString()
 											.replace(',', ', ')}] ms`
 									)}
@@ -227,7 +230,7 @@
 						<div
 							class="status_{key.webgl.status} s backend"
 							title="Warmup Time: {key.webgl.warmup.toString()} ms; Inference Time (Median): {key
-								.webgl.inferencemedian} ms; Inference Time: [{key.webgl.inference
+								.webgl.inferencemedian} ms; Inference Times: [{key.webgl.inference
 								.toString()
 								.replace(',', ', ')}] ms"
 						>
@@ -239,7 +242,9 @@
 									copyRawInference(
 										`Warmup Time: ${key.webgl.warmup.toString()} ms; Inference Time (Median): ${
 											key.webgl.inferencemedian
-										} ms; Inference Time: [${key.webgl.inference.toString().replace(',', ', ')}] ms`
+										} ms; Inference Times: [${key.webgl.inference
+											.toString()
+											.replace(',', ', ')}] ms`
 									)}
 							>
 								<Copy />
@@ -271,7 +276,7 @@
 						<div
 							class="status_{key.webgpu.status} s backend"
 							title="Warmup Time: {key.webgpu.warmup.toString()} ms; Inference Time (Median): {key
-								.webgpu.inferencemedian} ms; Inference Time: [{key.webgpu.inference
+								.webgpu.inferencemedian} ms; Inference Times: [{key.webgpu.inference
 								.toString()
 								.replace(',', ', ')}] ms"
 						>
@@ -283,7 +288,7 @@
 									copyRawInference(
 										`Warmup Time: ${key.webgpu.warmup.toString()} ms; Inference Time (Median): ${
 											key.webgpu.inferencemedian
-										} ms; Inference Time: [${key.webgpu.inference
+										} ms; Inference Times: [${key.webgpu.inference
 											.toString()
 											.replace(',', ', ')}] ms`
 									)}
@@ -317,7 +322,7 @@
 						<div
 							class="status_{key.webnn_cpu_1.status} s backend"
 							title="Warmup Time: {key.webnn_cpu_1.warmup.toString()} ms; Inference Time (Median): {key
-								.webnn_cpu_1.inferencemedian} ms; Inference Time: [{key.webnn_cpu_1.inference
+								.webnn_cpu_1.inferencemedian} ms; Inference Times: [{key.webnn_cpu_1.inference
 								.toString()
 								.replace(',', ', ')}] ms"
 						>
@@ -329,7 +334,7 @@
 									copyRawInference(
 										`Warmup Time: ${key.webnn_cpu_1.warmup.toString()} ms; Inference Time (Median): ${
 											key.webnn_cpu_1.inferencemedian
-										} ms; Inference Time: [${key.webnn_cpu_1.inference
+										} ms; Inference Times: [${key.webnn_cpu_1.inference
 											.toString()
 											.replace(',', ', ')}] ms`
 									)}
@@ -363,7 +368,7 @@
 						<div
 							class="status_{key.webnn_cpu_4.status} s backend"
 							title="Warmup Time: {key.webnn_cpu_4.warmup.toString()} ms; Inference Time (Median): {key
-								.webnn_cpu_4.inferencemedian} ms; Inference Time: [{key.webnn_cpu_4.inference
+								.webnn_cpu_4.inferencemedian} ms; Inference Times: [{key.webnn_cpu_4.inference
 								.toString()
 								.replace(',', ', ')}] ms"
 						>
@@ -375,7 +380,7 @@
 									copyRawInference(
 										`Warmup Time: ${key.webnn_cpu_4.warmup.toString()} ms; Inference Time (Median): ${
 											key.webnn_cpu_4.inferencemedian
-										} ms; Inference Time: [${key.webnn_cpu_4.inference
+										} ms; Inference Times: [${key.webnn_cpu_4.inference
 											.toString()
 											.replace(',', ', ')}] ms`
 									)}
@@ -409,7 +414,7 @@
 						<div
 							class="status_{key.webnn_gpu.status} s backend"
 							title="Warmup Time: {key.webnn_gpu.warmup.toString()} ms; Inference Time (Median): {key
-								.webnn_gpu.inferencemedian} ms; Inference Time: [{key.webnn_gpu.inference
+								.webnn_gpu.inferencemedian} ms; Inference Times: [{key.webnn_gpu.inference
 								.toString()
 								.replace(',', ', ')}] ms"
 						>
@@ -421,7 +426,7 @@
 									copyRawInference(
 										`Warmup Time: ${key.webnn_gpu.warmup.toString()} ms; Inference Time (Median): ${
 											key.webnn_gpu.inferencemedian
-										} ms; Inference Time: [${key.webnn_gpu.inference
+										} ms; Inference Times: [${key.webnn_gpu.inference
 											.toString()
 											.replace(',', ', ')}] ms`
 									)}
@@ -455,7 +460,7 @@
 						<div
 							class="status_{key.webnn_npu.status} s backend"
 							title="Warmup Time: {key.webnn_npu.warmup.toString()} ms; Inference Time (Median): {key
-								.webnn_npu.inferencemedian} ms; Inference Time: [{key.webnn_npu.inference
+								.webnn_npu.inferencemedian} ms; Inference Times: [{key.webnn_npu.inference
 								.toString()
 								.replace(',', ', ')}] ms"
 						>
@@ -467,7 +472,7 @@
 									copyRawInference(
 										`Warmup Time: ${key.webnn_npu.warmup.toString()} ms; Inference Time (Median): ${
 											key.webnn_npu.inferencemedian
-										} ms; Inference Time: [${key.webnn_npu.inference
+										} ms; Inference Times: [${key.webnn_npu.inference
 											.toString()
 											.replace(',', ', ')}] ms`
 									)}