JPEG ?? PNG ??? ???? ?? ? ??? ???? ?? Webp? ??????. 2. Squoosh ?? TinypNG? ?? ??? ???? ???? ?? ????? ??? ???? ??; 3. SRCSET ? ?? ??? ?? ?? ? ???? ??????. 4. ???? ??? ??? ????? "???"= "High"? ??? ???? ?? ??? ????. 5. ?? ??, ?? ?? ? ??? ???? CDN? ?? ???? ?????. 6. ?? ???? SVG? ???? ? ?? ?? ??? ?? ???? JPEG? ??????.
? ??? ???? ???? ?? ??? ??? ?? ? ??? ?????. ???? ???? ??????? ??, ??? ?? ? SEO? ?? ???? ? ????. ??? ??? ??? ???? ???? ??? ???? ???? ??????.
??? ??? ??? ??????
?? ??? ??? ???? ???? ?? ????. ??? ?? ???? ?? ???, ?? ?? ? ???? ??? ?? ????.
-
JPEG - ???????? ?? ? ???? ?? ?????.
Lossy ??? ????? ???? ?? ?? ??? ?? ??? ?? ?? ? ????. ??? ? ???? ?????? ???? ?????.
PNG - ??? ?? ???? ?? ?? (??, ??? ?? ?????)? ??? ???? ??????.
??? ??? ????? ??? ??? ?? ??? JPEG?? ???. ? ??? ???? PNG-8? ???? ??? ????.-
Webp - ?? ? ??? ??, ???? ?? ???? Google? ?? ? ?? ??.
????? ??? ???? JPEG ?? PNG?? ?? ??? 25 ~ 35% ? ????. ??? ?????? ?? ?????.
AVIF - Webp?? ?? ? ?? ??? ???? ?? ??? (?? 50% ? ??).
HDR, ?? ? ?? ? ?????? ?????. ???? ??? ???? ??? ?? ?????? ????.SVG - ???, ?? ? ???????? ?? ?? ???? ?????.
??? ????? ??? ??? CSS? ???? ??? ? ????. ??? ??? ???? ?? ??? ????? ?? SVG? ??????.
?? ? : ???? ??? ?? ? ? ?? ? ??? ???? ?? ?? ???? ?? ??????. ?? ????? ???? JPEG ?? PNG? ??????.
??? ??? ???? ?????
?? ??? ???? ????? HTML/CSS WASTES ????? ???????.
?? ? ??? ???? ??? ??????
???? ?? ??? 1200px? ???? ???? ?? 4000px ??? ???? ????. ????? ?? ??? ??????.-
?? ??? ??????
? ?? ?? :- Squoosh (??, ? ??)
- ImageOptim (MacOS)
- tinypng (???)
- Photoshop“Web for Web”? ?? ?? ?? ???? ?? ??? ?? ? ????.
?? ??? ???? ??????
JPEG? ?? 60–80% ??? ??????. PNG? ?? pngquant? ?? ??? ???? ? ??? ?? ??? ????.
srcset ? sizes ? ?? ? ???? ??????
???? ?? ? ?? ??? ?? ??? ??? ???? ?????.
<img src = "image-400.jpg"
srcset = "image-400.jpg 400w,
??? -800.jpg 800W,
Image-1200.JPG 1200W "
?? = "(?? ? : 500px) 100VW, 50VW"
Alt = "Responsive Image">?? ?? ????? ??? ?? ?? ??? ???? ???? ??? ??? ???? ????? ?????.
??? ?? ? ?? ??? ?????
??? ??? ??????
?? ????? ????? ?????.<img src = "photo.jpg"loading = "lazy"alt = "...">
?? ?? ???? ???? ??? ??? ? ??????? ????.
??? ???? ?? CDN? ??????
Cloudinary, Imgix ?? AWS Cloudfront? ?? ???? ??? ????.- ???? Webp/Avif? ?????
- ????? ??? ??????
- ? ????? ???? ???? ?????
??? ? JPEG? ??????
??? ??? ??? ?????? ????? ???? ????? ? ??? ?? ??? ??? ?????.
??? ?? ??? ??????
?? ??? ?? ?? :
-
fetchpriority="high"(???? ??)? ?? ???? ????????.<img src = "hero.jpg"fetchpriority = "high"alt = "hero image">
- ? ?? ???? ??????.
?? CSS ??? ??? ???? ????? ??? ???? ????? ??, ?? ????? ? ? ????.
? ???? ????? ?? ??? ??? ?? ?? ?? ????. ??? ??? ????, ??? ??? ????, ?? ??? ???? ??? ??? ??? ???? ????. ???????. ??? ???? ? ??? ??? ?? ????.
????? : ??? ? Webp? ???? ????? ?? ??? ???? ?? ? ??? ???? ????? ??? ???? ??? ???????????.
? ??? ?? ??? ??? : ?? ? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!
? AI ??
Undress AI Tool
??? ???? ??
Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?
AI Clothes Remover
???? ?? ???? ??? AI ?????.
Clothoff.io
AI ? ???
Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!
?? ??
??? ??
???++7.3.1
???? ?? ?? ?? ???
SublimeText3 ??? ??
??? ??, ???? ?? ????.
???? 13.0.1 ???
??? PHP ?? ?? ??
???? CS6
??? ? ?? ??
SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)
C++? ???? ? ??? ???? ??? ??????
Jun 02, 2024 am 11:11 AM
? ??? C++? ????? Boost.ASIO, Beast ? cpp-netlib? ?? C++ ? ?????? ??? ???? ?????? ???? ???. ?? ????? C++ ????, ??? ??? ?? IDE, ? ?????? ???? ???. ?? ?? Boost.ASIO? ???? ? ??? ????. HTTP ?? ?? ??, ?? ?? ? ?????? ?? ??? ???? ??? ??? ?????. Beast ?????? ???? HTTP ??? ?? ??? ? ????. ?????, cpp-netlib ?????? ???? REST API? ????, HTTP GET ? POST ??? ???? ?????? ????, J? ???? ? ??? ? ??????? ??? ? ????.
?? ? ?? ??? ?? C++? ??? ??? ??????
Jun 03, 2024 pm 12:11 PM
? ???? C++? ???? ??, ?? ? ?? ??? ???? ????? ?? ???? ??? ?? ?? ? ??? ?? ?? ??? ?????. ? ?? ??? ??? ? ???? ?????? ?? ??? ?? C++? ??? ??? ???? ???.
PHP? ?? ?? : ? ?? ??? ??????
Apr 13, 2025 am 12:20 AM
PHP? ?? ? ??, ?? ??? ?? ? ?? ??? ????? ?????. 1) PHP? Laravel ? Symfony? ?? ??? ???? ??? ??? ?? ??? ??? ????. 2) Opcache ? Nginx? ?? ?? ???? ?? ? ? ????. 3) PHP8.0? ??? ????? ?? JIT ????? ?????. 4) ???? ???? ??????? Docker ? Kubernetes? ?? ???? ???? ?? ?? ??????.
????? ???? Golang? ???? ?? ????? ??????
Dec 28, 2023 am 08:39 AM
?? ???? Golang? ???, ??? ? ??? ??? ????? ??? ?? ???? ????? ???? ???? ?? ????? ????. ? ?? ???? ?????? ????? ??? ???? ????. ???? ????? Golang? ???? ?????? ???? ?? ???, ??? ?? ??? ?????. ??? ???? ?????? ???? ???? TCP, HTTP, WebSocket ? ?? ????? ?? ?????? ? ????. Golang? ??? ????? ?? ???? ?? ?????? ? ????.
JavaScript ? ? : ?? ?? ? ?? ??
Apr 18, 2025 am 12:19 AM
? ???? JavaScript? ?? ???? ????? ?? ??, ?? ?? ? ??? ??? ?????. 1) DOM ??? ?? ?? ??? ???? ? ??? ?? ??; 2) ???? ??? ??? ????? ?? ???? ???? ?? ????? ??? ?????. 3) ???? ??? ??? Ajax ??? ?? ?????.
HTML, CSS ? JavaScript? ?? : ? ?? ??
Apr 19, 2025 am 12:02 AM
HTML? ?? ???? ??? ? ? ?? ???? CSS? ?? ???? CSS-In-JS ? CSShoudini??, JavaScript? ?? ???? WebAssembly ? ???????. 1. HTML ???? ???? SEO ??? ????? ? ?? ??? ?? ???? ?? ???? ???? ??????? ???????. 2. CSS-in-JS? ??? ?? ???? ?? ???? ?? ??? ???? ? ????. CSShoudini? CSS ???? ?? ??? ?????. 3. Webosembly? ???? ?????? ??? ?????? ??? ?? ??? ??? ??? ????? ??? ?????? ?? ??? ????? ???? ?????.
HTML, CSS ? JavaScript : ? ?????? ?? ??
Apr 09, 2025 am 12:12 AM
HTML, CSS ? JavaScript? ? ??? ? ?? ?????. 1. HTML? ? ??? ??? ???? ?? ?? ??? ?????. 2. CSS? ??, ?? ?? ?? ?? ??? ? ??? ???? ? ??? ???? ?????.
?? ???? ?? : ?? ?? ? ????
Apr 19, 2025 am 12:13 AM
?? ???? JavaScript? ?? ?????? ??? ?? ? ??? ??? ?????. 1) DOM ?? ? ??? ??? ??? TODO ?? ?? ????? ???? ??? ?? ??????? ?????. 2) Node.js? ?? RESTFULAPI? ???? Express? ?? ??? ?? ????? ??????.
