[{"data":1,"prerenderedAt":126},["ShallowReactive",2],{"project-\u002Fprojects\u002F2026\u002Freblyx":3,"project-posts-\u002Fprojects\u002F2026\u002Freblyx":125},{"id":4,"title":5,"agency":6,"body":7,"compare":43,"cover":79,"date":81,"description":82,"draft":83,"extension":84,"facts":85,"featured":83,"gallery":99,"image":109,"links":110,"meta":112,"navigation":102,"ogImage":113,"path":114,"seo":115,"stack":116,"stem":121,"tags":122,"__hash__":124},"projects_en\u002Fprojects\u002F2026\u002Freblyx\u002Findex.md","ReblyX",null,{"type":8,"value":9,"toc":38},"minimark",[10,14,19],[11,12,13],"p",{},"ReblyX is a steel processing center – 3D design, laser cutting, bending, welding, galvanizing and powder coating. The old website was built with Divi: a list of services and a form. I designed and built a new one with Gutenberg blocks, so the client can change the content in the editor himself.",[15,16,18],"h2",{"id":17},"what-changed","What changed",[20,21,22,26,29,32,35],"ul",{},[23,24,25],"li",{},"Gutenberg blocks instead of Divi, and no jQuery",[23,27,28],{},"Images in AVIF format, in a few sizes – a phone doesn't download images made for a big screen",[23,30,31],{},"Fonts served from the website's own server instead of Google Fonts",[23,33,34],{},"New sections: six processes, four reasons, six steps from a request to a finished part, tips before ordering and a quote form",[23,36,37],{},"A page description for Google, labels for form fields, better contrast and zoom on phones – accessibility and SEO are both 100 in Lighthouse",{"title":39,"searchDepth":40,"depth":40,"links":41},"",2,[42],{"id":17,"depth":40,"text":18},{"before":44,"after":48,"rows":52,"note":78},{"src":45,"label":46,"alt":47},"\u002Fprojects\u002F2026\u002Freblyx\u002Fold-first-screen.webp","Before · Divi","The old ReblyX website on Divi – first screen",{"src":49,"label":50,"alt":51},"\u002Fprojects\u002F2026\u002Freblyx\u002Ffirst-screen.webp","After · Gutenberg","The new ReblyX website on Gutenberg – first screen",[53,57,60,63,66,70,74],{"label":54,"before":55,"after":56},"Performance – mobile","72","100",{"label":58,"before":59,"after":56},"Performance – desktop","96",{"label":61,"before":62,"after":56},"Accessibility","62",{"label":64,"before":65,"after":56},"SEO","92",{"label":67,"before":68,"after":69},"LCP – mobile","5.0 s","1.6 s",{"label":71,"before":72,"after":73},"Layout shift (CLS)","0.152","0",{"label":75,"before":76,"after":77},"Data downloaded","1.1 MB","274 kB","Lighthouse 13, home page. Mobile – Moto G Power, slow 4G. The old version was measured locally and the new one on the server, so the new one had harder conditions.",{"desktop":49,"alt":80},"ReblyX – the first screen of the new website","2026-09-01","Website for a steel processing center – design and build, with content edited in Gutenberg.",false,"md",[86,89,91,95],{"value":56,"suffix":87,"text":88},"\u002F100","mobile performance in Lighthouse – it was 72",{"value":56,"suffix":87,"text":90},"accessibility – it was 62",{"value":92,"suffix":93,"text":94},"274"," kB","for the home page – it was 1.1 MB, about 4× less",{"value":96,"suffix":97,"text":98},"1.6"," s","mobile LCP – it was 5.0 s",[100,105],{"src":101,"full":102,"alt":103,"caption":104},"\u002Fprojects\u002F2026\u002Freblyx\u002Fpage-desktop.webp",true,"The new ReblyX website – the whole home page","New version (Gutenberg) – from the first screen to the quote form",{"src":106,"full":102,"alt":107,"caption":108},"\u002Fprojects\u002F2026\u002Freblyx\u002Fold-page-desktop.webp","The old ReblyX website – the whole home page","Old version (Divi) – services and a contact form","\u002Fprojects\u002F2026\u002Freblyx\u002Fthumbnail.webp",{"live":111},"https:\u002F\u002Freblyx.com",{},"\u002Fog\u002Fprojects\u002Freblyx-en.jpg","\u002Fprojects\u002F2026\u002Freblyx",{"title":5,"description":82},[117,118,119,120],"WordPress","Gutenberg","AVIF","no jQuery","projects\u002F2026\u002Freblyx\u002Findex",[123],"wordpress","aBlHm5X0OAxksGl4AXLS1anQw4WO4AudNcsMQeo1xqQ",[],1791924932829]