top of page
Search
    • Apr 13, 2023
    • 1 min read

Využitie umelej inteligencie (AI) pri vývoji softvéru #1 - Minifikácia kódu

Umelá inteligencia dokáže optimalizovať kód webovej stránky pomocou rôznych techník. Tu je niekoľko tipov na miniaturizáciu kódu.



Miniaturizácia kódu

Ide o odstránenie nepotrebných znakov, bielych miest a komentárov z kódu, čím sa zmenší jeho veľkosť a stránka sa načíta rýchlejšie.


Príklad 1 - HTML:

Original HTML code:

<!DOCTYPE html>
<html>
<head>
  <title>My Website</title>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
  <h1>Welcome to my website</h1>
  <p>This is a paragraph</p>
  <script type="text/javascript">
    function myFunction() {
      document.getElementById("demo").innerHTML = "Hello World!";
    }
  </script>
</body>
</html>

Minified HTML code:

<!DOCTYPE html><html><head><title>My Website</title><link rel="stylesheet" type="text/css" href="style.css"></head><body><h1>Welcome to my website</h1><p>This is a paragraph</p><script type="text/javascript">function myFunction(){document.getElementById("demo").innerHTML="Hello World!";}</script></body></html>


Príklad 2 - CSS:

Original CSS code:

h1 {
  color: red;
  font-size: 24px;
  text-decoration: underline;
}
p {
  color: blue;
  font-size: 16px;
  margin-top: 20px;
}

Minified CSS code:

h1{color:red;font-size:24px;text-decoration:underline}p{color:blue;font-size:16px;margin-top:20px}


Príklad 3 - JavaScript:

Original JavaScript code:

function addNumbers(x, y) {
  var result = x + y;
  return result;
}

Minified JavaScript code:

function addNumbers(n,t){return n+t}

V každom z týchto príkladov je minifikovaný kód kratší a boli z neho odstránené biele znaky, komentáre a nepotrebné znaky, čím sa zmenšila veľkosť kódu a jeho načítanie na webovej stránke bolo rýchlejšie.

bottom of page