{"id":3014,"date":"2024-03-11T23:08:17","date_gmt":"2024-03-11T22:08:17","guid":{"rendered":"https:\/\/gregarednak.si\/?page_id=3014"},"modified":"2025-07-22T17:17:26","modified_gmt":"2025-07-22T15:17:26","slug":"tester-hitrosti-spletnih-strani-enostavna-meritev","status":"publish","type":"page","link":"https:\/\/gregarednak.si\/en\/tester-hitrosti-spletnih-strani-enostavna-meritev\/","title":{"rendered":"Website speed tester \u2013 easy measurement"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3014\" class=\"elementor elementor-3014\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80df257 e-flex e-con-boxed e-con e-parent\" data-id=\"80df257\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62966fc elementor-widget elementor-widget-html\" data-id=\"62966fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<form action=\"\" method=\"get\" id=\"speedTestForm\" style=\"display: flex; gap: 10px; align-items: center; flex-wrap: wrap;\" data-trp-original-action=\"\">\n    <label for=\"url\" style=\"flex-basis: 100%;\">Enter your page title:<\/label>\n    <input type=\"url\" id=\"url\" name=\"url\" required style=\"flex: 1; min-width: 200px; padding: 0.5rem;\">\n    <input type=\"hidden\" name=\"test_speed\" value=\"1\">\n    <button type=\"submit\" id=\"submitBtn\" style=\"padding: 0.5rem 1rem;\">Speed measurement<\/button>\n<input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n\n<div id='results-url'><\/div>\n\n<div class=\"circle-progress-container\">\n    <div class=\"circle-progress-wrapper\">\n        <div class=\"circle-label\">Phone<\/div>\n        <div id=\"mobileScore\" class=\"circle-progress\" data-percentage=\"0\">\n            <span class=\"score-text\"><\/span>\n        <\/div>\n    <\/div>\n    <div class=\"circle-progress-wrapper\">\n        <div class=\"circle-label\">Computer<\/div>\n        <div id=\"desktopScore\" class=\"circle-progress\" data-percentage=\"0\">\n            <span class=\"score-text\"><\/span>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* Reusing your styles *\/\n.circle-progress-container {\n    margin-top: 25px !important;\n    display: flex;\n    justify-content: space-around;\n    width: 100%;\n}\n.circle-progress-wrapper {\n    text-align: center;\n}\n#results-url {\n    margin-top: 25px !important;\n    text-align: center;\n}\n.circle-label {\n    font-size: 18px;\n    margin-bottom: 10px;\n    color: #333;\n}\n.circle-progress {\n    width: 120px;\n    height: 120px;\n    border-radius: 50%;\n    background-color: #f3f3f3;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1), inset 0 2px 4px rgba(255, 255, 255, 0.6);\n    transition: all 0.3s ease;\n    overflow: hidden;\n}\n\n.circle-progress::before {\n    content: \"\";\n    position: absolute;\n    top: 5px;\n    left: 5px;\n    width: 110px;\n    height: 110px;\n    background-color: #fff;\n    border-radius: 50%;\n    z-index: 0;\n}\n\n.score-text {\n    position: relative;\n    font-size: 22px;\n    font-weight: bold;\n    color: #222;\n    z-index: 1;\n    text-shadow: 0 1px 2px rgba(0,0,0,0.1);\n}\n\n\/* Spinner animation *\/\n@keyframes spin {\n    to { transform: rotate(360deg); }\n}\n.spinner {\n    width: 1rem;\n    height: 1rem;\n    border: 2px solid #fff;\n    border-top: 2px solid #000;\n    border-radius: 50%;\n    animation: spin 0.6s linear infinite;\n    display: inline-block;\n    vertical-align: middle;\n    margin-right: 0.5rem;\n}\n<\/style>\n\n<script>\ndocument.getElementById('speedTestForm').addEventListener('submit', function(e) {\n    const button = document.getElementById('submitBtn');\n    button.disabled = true;\n    button.innerHTML = '<span class=\"spinner\"><\/span> Nalaganje...';\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa6c1ee e-flex e-con-boxed e-con e-parent\" data-id=\"fa6c1ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee5c3c7 elementor-widget elementor-widget-heading\" data-id=\"ee5c3c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How does a speed tester work?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fa56ac4 elementor-widget elementor-widget-text-editor\" data-id=\"fa56ac4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The tester measures the speed of the website via an API call to Google, which provides the appropriate measurements.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Vnesite naslov va\u0161e strani: Meritev hitrosti Telefon Ra\u010dunalnik Kako deluje tester hitrosti? Tester opravi meritev hitrosti spletne strani preko API klica na Google, ki poskrbi za ustrezne meritve.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3014","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/gregarednak.si\/en\/wp-json\/wp\/v2\/pages\/3014","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gregarednak.si\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gregarednak.si\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gregarednak.si\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gregarednak.si\/en\/wp-json\/wp\/v2\/comments?post=3014"}],"version-history":[{"count":7,"href":"https:\/\/gregarednak.si\/en\/wp-json\/wp\/v2\/pages\/3014\/revisions"}],"predecessor-version":[{"id":3361,"href":"https:\/\/gregarednak.si\/en\/wp-json\/wp\/v2\/pages\/3014\/revisions\/3361"}],"wp:attachment":[{"href":"https:\/\/gregarednak.si\/en\/wp-json\/wp\/v2\/media?parent=3014"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}