{"id":5174,"date":"2026-06-17T12:28:48","date_gmt":"2026-06-17T10:28:48","guid":{"rendered":"https:\/\/wp-karbantartas.hu\/blog\/?p=5174"},"modified":"2026-06-17T12:28:48","modified_gmt":"2026-06-17T10:28:48","slug":"wordpress-galeria-optimalizalas","status":"publish","type":"post","link":"https:\/\/wp-karbantartas.hu\/blog\/wordpress-galeria-optimalizalas\/","title":{"rendered":"WordPress gal\u00e9ria optimaliz\u00e1l\u00e1s: \u00edgy gyors\u00edtsd fel a k\u00e9pek bet\u00f6lt\u00e9s\u00e9t"},"content":{"rendered":"

A WordPress gal\u00e9ria optimaliz\u00e1l\u00e1s<\/strong> az egyik legfontosabb feladat, amit egy weboldal-tulajdonos elv\u00e9gezhet a jobb felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny \u00e9s a magasabb Google-helyez\u00e9s \u00e9rdek\u00e9ben. A k\u00e9pgal\u00e9ri\u00e1k rengeteg vizu\u00e1lis tartalmat jelen\u00edtenek meg egyszerre, ami komolyan megterhelheti az oldal bet\u00f6lt\u00e9si idej\u00e9t \u2013 ha nincs megfelel\u0151en be\u00e1ll\u00edtva. Egy lass\u00fa gal\u00e9ria nemcsak az olvas\u00f3kat riasztja el, hanem a keres\u0151motorokat is, amelyek egyre ink\u00e1bb el\u0151nyben r\u00e9szes\u00edtik a gyors oldalakat. Ebben a cikkben \u00f6sszegy\u0171jt\u00f6tt\u00fck a leghat\u00e9konyabb m\u00f3dszereket, amelyekkel vill\u00e1mgyorss\u00e1 var\u00e1zsolhatod a WordPress k\u00e9pgal\u00e9ri\u00e1idat.<\/p>\n

Mi\u00e9rt lass\u00edtja le az oldalad a gal\u00e9ria?<\/h2>\n

Miel\u0151tt belev\u00e1gn\u00e1nk az optimaliz\u00e1l\u00e1sba, \u00e9rdemes meg\u00e9rteni, mi okozza a probl\u00e9m\u00e1t. A WordPress gal\u00e9ri\u00e1k alap\u00e9rtelmez\u00e9s szerint az eredeti, t\u00f6m\u00f6r\u00edtetlen k\u00e9peket t\u00f6ltik be \u2013 ami ak\u00e1r t\u00f6bb megab\u00e1jtnyi adatot is jelenthet k\u00e9penk\u00e9nt. Ha egy gal\u00e9ri\u00e1ban 20-30 fot\u00f3 szerepel, az \u00f6sszes\u00edtett f\u00e1jlm\u00e9ret k\u00f6nnyen el\u00e9rheti a 30-50 megab\u00e1jtot is. Ehhez j\u00f6n m\u00e9g a nem megfelel\u0151 k\u00e9pform\u00e1tum, a hi\u00e1nyz\u00f3 lazy loading (lusta bet\u00f6lt\u00e9s), valamint a rosszul konfigur\u00e1lt szerver- \u00e9s gyors\u00edt\u00f3t\u00e1r-be\u00e1ll\u00edt\u00e1sok.<\/p>\n

A Google PageSpeed Insights \u00e9s a GTmetrix eszk\u00f6z\u00f6kkel b\u00e1rmikor megm\u00e9rheted az oldalad teljes\u00edtm\u00e9ny\u00e9t. Ha a gal\u00e9ri\u00e1s oldalaid lass\u00faak, a k\u00f6vetkez\u0151 technik\u00e1k seg\u00edtenek a probl\u00e9ma megold\u00e1s\u00e1ban.<\/p>\n

1. K\u00e9pek t\u00f6m\u00f6r\u00edt\u00e9se felt\u00f6lt\u00e9s el\u0151tt \u00e9s ut\u00e1n<\/h2>\n

A WordPress gal\u00e9ria optimaliz\u00e1l\u00e1s<\/strong> els\u0151 \u00e9s legfontosabb l\u00e9p\u00e9se a k\u00e9pek megfelel\u0151 t\u00f6m\u00f6r\u00edt\u00e9se. A legt\u00f6bb f\u00e9nyk\u00e9pez\u0151g\u00e9p \u00e9s okostelefon 3-10 MB m\u00e9ret\u0171 k\u00e9peket k\u00e9sz\u00edt, amelyeket soha nem kellene eredeti m\u00e9ret\u00fckben felt\u00f6lteni egy weboldalra.<\/p>\n

K\u00e9poptimaliz\u00e1l\u00f3 pluginek<\/h3>\n

Szerencs\u00e9re sz\u00e1mos kiv\u00e1l\u00f3 WordPress plugin l\u00e9tezik, amelyek automatikusan elv\u00e9gzik a t\u00f6m\u00f6r\u00edt\u00e9st felt\u00f6lt\u00e9s k\u00f6zben vagy ut\u00e1n:<\/p>\n

    \n
  • Smush:<\/strong> Az egyik legn\u00e9pszer\u0171bb ingyenes k\u00e9poptimaliz\u00e1l\u00f3 plugin, amely vesztes\u00e9gmentes t\u00f6m\u00f6r\u00edt\u00e9ssel ak\u00e1r 60-80%-kal is cs\u00f6kkentheti a f\u00e1jlm\u00e9retet.<\/li>\n
  • ShortPixel:<\/strong> Kiv\u00e1l\u00f3 min\u0151s\u00e9g\u0171 t\u00f6m\u00f6r\u00edt\u00e9st k\u00edn\u00e1l lossy \u00e9s lossless m\u00f3dban is, \u00e9s t\u00e1mogatja a WebP form\u00e1tumra val\u00f3 automatikus konvert\u00e1l\u00e1st.<\/li>\n
  • Imagify:<\/strong> Felhaszn\u00e1l\u00f3bar\u00e1t fel\u00fclet, h\u00e1romf\u00e9le t\u00f6m\u00f6r\u00edt\u00e9si szinttel \u2013 ide\u00e1lis kezd\u0151k sz\u00e1m\u00e1ra is.<\/li>\n
  • EWWW Image Optimizer:<\/strong> Szerver oldalon dolgoz\u00f3 plugin, amely nem f\u00fcgg k\u00fcls\u0151 API-t\u00f3l, \u00e9s korl\u00e1tlan sz\u00e1m\u00fa k\u00e9pet k\u00e9pes optimaliz\u00e1lni.<\/li>\n<\/ul>\n

    K\u00e9pek el\u0151zetes optimaliz\u00e1l\u00e1sa<\/h3>\n

    Felt\u00f6lt\u00e9s el\u0151tt is \u00e9rdemes elv\u00e9gezni az alapoptimaliz\u00e1l\u00e1st. Az Adobe Photoshop, a GIMP vagy az ingyenes online eszk\u00f6z\u00f6k (pl. Squoosh, TinyPNG) seg\u00edts\u00e9g\u00e9vel cs\u00f6kkentheted a f\u00e1jlm\u00e9retet \u00e9s be\u00e1ll\u00edthatod a megfelel\u0151 felbont\u00e1st. Weboldalra \u00e1ltal\u00e1ban 1200-1920 pixel sz\u00e9less\u00e9g\u0171 k\u00e9pek elegend\u0151k \u2013 enn\u00e9l nagyobb m\u00e9ret\u0171 f\u00e1jlokat felt\u00f6lteni felesleges.<\/p>\n

    2. V\u00e1lt\u00e1s WebP k\u00e9pform\u00e1tumra<\/h2>\n

    A WebP egy modern k\u00e9pform\u00e1tum, amelyet a Google fejlesztett ki, \u00e9s \u00e1tlagosan 25-35%-kal kisebb f\u00e1jlm\u00e9retet eredm\u00e9nyez a JPEG-hez \u00e9s PNG-hez k\u00e9pest \u2013 azonos vagy jobb min\u0151s\u00e9g mellett. A legt\u00f6bb modern b\u00f6ng\u00e9sz\u0151 (Chrome, Firefox, Safari, Edge) m\u00e1r teljes m\u00e9rt\u00e9kben t\u00e1mogatja a WebP form\u00e1tumot.<\/p>\n

    A ShortPixel, az Imagify \u00e9s a EWWW Image Optimizer pluginek mindegyike k\u00e9pes automatikusan WebP verzi\u00f3kat gener\u00e1lni a felt\u00f6lt\u00f6tt k\u00e9pekb\u0151l, \u00e9s ezeket kiszolg\u00e1lni a kompatibilis b\u00f6ng\u00e9sz\u0151knek. Ez az egyetlen l\u00e9p\u00e9s \u00f6nmag\u00e1ban is jelent\u0151s sebess\u00e9gn\u00f6veked\u00e9st hozhat a gal\u00e9ri\u00e1s oldalaidnak.<\/p>\n

    3. Lazy loading bekapcsol\u00e1sa<\/h2>\n

    A lazy loading (lusta bet\u00f6lt\u00e9s) egy olyan technika, amelynek seg\u00edts\u00e9g\u00e9vel a gal\u00e9ria k\u00e9pei csak akkor t\u00f6lt\u0151dnek be, amikor a felhaszn\u00e1l\u00f3 odag\u00f6rget az oldalon. Ez drasztikusan cs\u00f6kkenti a kezdeti oldalbet\u00f6lt\u00e9si id\u0151t, mivel az \u201eels\u0151 k\u00e9perny\u0151n” k\u00edv\u00fcli tartalmak csak sz\u00fcks\u00e9g eset\u00e9n ker\u00fclnek let\u00f6lt\u00e9sre.<\/p>\n

    A WordPress 5.5-\u00f6s verzi\u00f3ja \u00f3ta a lazy loading alap\u00e9rtelmezetten enged\u00e9lyezett a k\u00e9pekre, de \u00e9rdemes ellen\u0151rizni, hogy a gal\u00e9ria pluginod is megfelel\u0151en kezeli-e ezt a funkci\u00f3t. A Jetpack<\/strong>, az Envira Gallery<\/strong> \u00e9s a FooGallery<\/strong> pluginek mind rendelkeznek be\u00e9p\u00edtett lazy loading t\u00e1mogat\u00e1ssal.<\/p>\n

    4. A megfelel\u0151 gal\u00e9riaplugin kiv\u00e1laszt\u00e1sa<\/h2>\n

    Nem minden gal\u00e9riaplugin egyforma teljes\u00edtm\u00e9nyt ny\u00fajt. Egyes pluginek feleslegesen sok JavaScript \u00e9s CSS f\u00e1jlt t\u00f6ltenek be, ami lelass\u00edtja az oldalt. A WordPress gal\u00e9ria optimaliz\u00e1l\u00e1s<\/strong> szempontj\u00e1b\u00f3l az al\u00e1bbi plugineket \u00e9rdemes megfontolni:<\/p>\n

      \n
    • Envira Gallery:<\/strong> Kifejezetten sebess\u00e9gre optimaliz\u00e1lt, lazy loadinggal \u00e9s CDN-t\u00e1mogat\u00e1ssal.<\/li>\n
    • FooGallery:<\/strong> K\u00f6nny\u0171, rugalmas plugin, amely minim\u00e1lis er\u0151forr\u00e1st ig\u00e9nyel.<\/li>\n
    • Modula:<\/strong> Modern megjelen\u00e9s, be\u00e9p\u00edtett optimaliz\u00e1l\u00e1si funkci\u00f3kkal.<\/li>\n
    • NextGEN Gallery:<\/strong> Az egyik legelterjedtebb megold\u00e1s, sok testreszab\u00e1si lehet\u0151s\u00e9ggel.<\/li>\n<\/ul>\n

      Mindig teszteld le a kiv\u00e1lasztott plugint PageSpeed Insights-szal, miel\u0151tt \u00e9lesbe \u00e1ll\u00edtan\u00e1d \u2013 az eredm\u00e9nyek meglephetnek.<\/p>\n

      5. CDN (tartalomszolg\u00e1ltat\u00f3 h\u00e1l\u00f3zat) haszn\u00e1lata<\/h2>\n

      Egy CDN (Content Delivery Network) a k\u00e9peidet a vil\u00e1g k\u00fcl\u00f6nb\u00f6z\u0151 pontjain elhelyezett szerverekre m\u00e1solja, \u00e9s mindig a l\u00e1togat\u00f3hoz legk\u00f6zelebb es\u0151 szerverr\u0151l szolg\u00e1lja ki azokat. Ez k\u00fcl\u00f6n\u00f6sen akkor hasznos, ha k\u00fclf\u00f6ldi l\u00e1togat\u00f3id is vannak, de hazai felhaszn\u00e1l\u00f3k eset\u00e9n is \u00e9rz\u00e9kelhet\u0151 gyorsul\u00e1st eredm\u00e9nyezhet.<\/p>\n

      N\u00e9pszer\u0171 CDN-megold\u00e1sok WordPress-hez: Cloudflare<\/strong> (ingyenes alaptervvel), BunnyCDN<\/strong> (kedvez\u0151 \u00e1ron), \u00e9s a Jetpack Site Accelerator<\/strong> (automatikusan kezeli a k\u00e9peket). A legt\u00f6bb pr\u00e9mium t\u00e1rhelyszolg\u00e1ltat\u00f3 ma m\u00e1r be\u00e9p\u00edtett CDN-opci\u00f3t is k\u00edn\u00e1l.<\/p>\n

      6. Gyors\u00edt\u00f3t\u00e1raz\u00e1s \u00e9s szerveres optimaliz\u00e1l\u00e1s<\/h2>\n

      A gyors\u00edt\u00f3t\u00e1raz\u00e1s (caching) szint\u00e9n kulcsszerepet j\u00e1tszik a gal\u00e9ri\u00e1s oldalak sebess\u00e9g\u00e9nek jav\u00edt\u00e1s\u00e1ban. Egy j\u00f3l be\u00e1ll\u00edtott cache plugin \u2013 mint a WP Rocket<\/strong>, a W3 Total Cache<\/strong> vagy a LiteSpeed Cache<\/strong> \u2013 statikus f\u00e1jlokk\u00e9nt t\u00e1rolja az oldalak HTML-tartalm\u00e1t, \u00edgy a szerver nem kell minden egyes l\u00e1togat\u00e1skor \u00fajra fel\u00e9p\u00edtse az oldalt.<\/p>\n

      Emellett gy\u0151z\u0151dj meg arr\u00f3l, hogy a t\u00e1rhelyszolg\u00e1ltat\u00f3d PHP 8.x verzi\u00f3t futtat, \u00e9s a szerver megfelel\u0151en van konfigur\u00e1lva a k\u00e9pek kiszolg\u00e1l\u00e1s\u00e1hoz. Az HTTP\/2 protokoll enged\u00e9lyez\u00e9se is gyors\u00edthatja a p\u00e1rhuzamos k\u00e9plet\u00f6lt\u00e9st.<\/p>\n

      7. K\u00e9pm\u00e9retek optimaliz\u00e1l\u00e1sa a WordPress be\u00e1ll\u00edt\u00e1saiban<\/h2>\n

      A WordPress alap\u00e9rtelmez\u00e9s szerint t\u00f6bb m\u00e9ret\u0171 m\u00e1solatot k\u00e9sz\u00edt minden felt\u00f6lt\u00f6tt k\u00e9pr\u0151l (thumbnail, medium, large stb.). A gal\u00e9ri\u00e1k sz\u00e1m\u00e1ra \u00e9rdemes egyedi k\u00e9pm\u00e9reteket defini\u00e1lni, amelyek pontosan illeszkednek a megjelen\u00edt\u00e9si ig\u00e9nyekhez \u2013 \u00edgy a b\u00f6ng\u00e9sz\u0151 nem t\u00f6lt le feleslegesen nagy k\u00e9peket kis n\u00e9zethez.<\/p>\n

      A Regenerate Thumbnails<\/strong> plugin seg\u00edts\u00e9g\u00e9vel \u00fajragener\u00e1lhatod a m\u00e1r megl\u00e9v\u0151 k\u00e9pek m\u00e9reteit, ha ut\u00f3lag m\u00f3dos\u00edtod a be\u00e1ll\u00edt\u00e1sokat. Gondoskodj arr\u00f3l is, hogy a gal\u00e9riapluginod a srcset<\/code> attrib\u00fatumot helyesen haszn\u00e1lja, hogy a b\u00f6ng\u00e9sz\u0151 mindig a k\u00e9perny\u0151 m\u00e9ret\u00e9hez legjobban ill\u0151 felbont\u00e1st t\u00f6ltse be.<\/p>\n

      \u00d6sszegz\u00e9s<\/h2>\n

      A WordPress gal\u00e9ria optimaliz\u00e1l\u00e1s<\/strong> nem egyetlen l\u00e9p\u00e9sb\u0151l \u00e1ll, hanem t\u00f6bb technika egy\u00fcttes alkalmaz\u00e1s\u00e1b\u00f3l. A k\u00e9pek t\u00f6m\u00f6r\u00edt\u00e9se, a WebP form\u00e1tum bevezet\u00e9se, a lazy loading, a megfelel\u0151 gal\u00e9ria plugin \u00e9s a CDN egy\u00fcttesen ak\u00e1r 70-80%-kal is cs\u00f6kkenthetik a bet\u00f6lt\u00e9si id\u0151t. Ezek a v\u00e1ltoztat\u00e1sok nemcsak a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt jav\u00edtj\u00e1k, hanem pozit\u00edvan hatnak a keres\u0151motoros rangsorol\u00e1sra is \u2013 hiszen a Google Core Web Vitals m\u00e9r\u0151sz\u00e1mai k\u00f6z\u00f6tt a sebess\u00e9g kiemelten fontos szerepet j\u00e1tszik.<\/p>\n

      Kezdd a m\u00e9r\u00e9sekkel (PageSpeed Insights, GTmetrix), azonos\u00edtsd a leglassabb elemeket, majd alkalmazd a fenti megold\u00e1sokat l\u00e9p\u00e9sr\u0151l l\u00e9p\u00e9sre. N\u00e9h\u00e1ny \u00f3ra munk\u00e1val egy lass\u00fa, neh\u00e9zkes gal\u00e9ri\u00e1b\u00f3l vill\u00e1mgyors, professzion\u00e1lis k\u00e9pbemutat\u00f3t var\u00e1zsolhatsz \u2013 amelyre b\u00fcszke lehetsz, \u00e9s amelyet a Google is \u00e9rt\u00e9kel.<\/p>\n

       <\/p>\n","protected":false},"excerpt":{"rendered":"

      A WordPress gal\u00e9ria optimaliz\u00e1l\u00e1s az egyik legfontosabb feladat, amit egy weboldal-tulajdonos elv\u00e9gezhet a jobb felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny \u00e9s a magasabb Google-helyez\u00e9s \u00e9rdek\u00e9ben. A k\u00e9pgal\u00e9ri\u00e1k rengeteg vizu\u00e1lis tartalmat jelen\u00edtenek meg egyszerre, ami komolyan megterhelheti az oldal bet\u00f6lt\u00e9si idej\u00e9t \u2013 ha nincs megfelel\u0151en be\u00e1ll\u00edtva. Egy lass\u00fa gal\u00e9ria nemcsak az olvas\u00f3kat riasztja el, hanem a keres\u0151motorokat is, amelyek egyre […]<\/p>\n","protected":false},"author":4,"featured_media":5173,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[36],"tags":[],"class_list":["post-5174","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogcikkek"],"_links":{"self":[{"href":"https:\/\/wp-karbantartas.hu\/blog\/wp-json\/wp\/v2\/posts\/5174","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp-karbantartas.hu\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp-karbantartas.hu\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp-karbantartas.hu\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-karbantartas.hu\/blog\/wp-json\/wp\/v2\/comments?post=5174"}],"version-history":[{"count":2,"href":"https:\/\/wp-karbantartas.hu\/blog\/wp-json\/wp\/v2\/posts\/5174\/revisions"}],"predecessor-version":[{"id":5176,"href":"https:\/\/wp-karbantartas.hu\/blog\/wp-json\/wp\/v2\/posts\/5174\/revisions\/5176"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp-karbantartas.hu\/blog\/wp-json\/wp\/v2\/media\/5173"}],"wp:attachment":[{"href":"https:\/\/wp-karbantartas.hu\/blog\/wp-json\/wp\/v2\/media?parent=5174"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp-karbantartas.hu\/blog\/wp-json\/wp\/v2\/categories?post=5174"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp-karbantartas.hu\/blog\/wp-json\/wp\/v2\/tags?post=5174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}