{"id":5490,"date":"2026-10-19T12:12:45","date_gmt":"2026-10-19T10:12:45","guid":{"rendered":"https:\/\/peterteszary.com\/?post_type=sgkb-docs&p=5490"},"modified":"2026-10-19T12:12:46","modified_gmt":"2026-10-19T10:12:46","slug":"miert-lassult-be-a-weboldalam","status":"publish","type":"sgkb-docs","link":"https:\/\/peterteszary.com\/en\/utmutato\/miert-lassult-be-a-weboldalam\/","title":{"rendered":"Why did my website slow down?"},"content":{"rendered":"

Correct uploading and optimization of images<\/h2>\n\n\n\n

One of the most common reasons why a website or webshop loads slowly is due to improperly uploaded images. It feels great when you get new product images from a professional photographer or download a beautiful, pin-sharp photo from a stock page.<\/p>\n\n\n\n

However, uploading these 5-10 megabytes of print quality images (often 4000-5000 pixels wide) to your website without modification will drastically slow down the loading speed. And a slow page won\u2019t be loved by your visitors or Google\u2019s search engine. We show you how to use the Media Library to keep your site lightning fast!<\/p>\n\n\n\n

Step by step: Preparing and uploading images<\/h3>\n\n\n\n
    \n
  1. Resize the image (Before uploading!)<\/strong> Before uploading anything to WordPress, you need to make the image smaller. For this, you can use any simple image editor (Paint, Mac Preview, Canva). Articles of Association:<\/em> You almost never need an image larger than 1920 pixels (Full HD) width on a website. If the image is only included in a blog article or as a product photo, it is enough to Width between 800 and 1200 pixels<\/strong>.<\/li>\n\n\n\n
  2. Optimize file size (Compression)<\/strong> After resizing, the file size (how many megabytes of the image) should also be reduced. An image for the web ideally Not more than 200-300 Kilobytes (KB)<\/strong>. You can use online, free image optimization tools such as TinyPNG<\/em> or a Squoosh<\/em>, which reduce the file size so that it remains undetectable to the naked eye.<\/li>\n\n\n\n
  3. Upload an image to the Media Library<\/strong> If the image is already the right size, in the WordPress admin interface, in the left menu, select Media > Add New<\/strong> menu item. Simply drag and drop the prepared file into the box marked with the dotted line or click Select files<\/em> button. [Screenshot location: In the Media -> Add New interface with the \"Put files here\" box]<\/em><\/li>\n\n\n\n
  4. Completing the ALT Tag (Alternative Text) \u2013 SEO and Accessibility<\/strong> Once you've uploaded the image, click on it in the Media Library. In the right column you will see a Alternative text<\/strong> (ALT tag) field. Write here briefly (in 1-2 sentences) what can be seen in the picture. This is essential for Google\u2019s Image Search (SEO) and for visitors who use screen readers. [Screenshot location: Details of an open image in the Media Library, highlighting the \u201cAlternative Text\u201d field with a red arrow]<\/em><\/li>\n\n\n\n
  5. Insert image in post\/page<\/strong> If you want to use the image in a blog post, in the text editor, click +<\/strong> icon, select Image<\/strong> block, and then the Media library<\/strong> opportunity. Here you just need to select your already uploaded image. [Screenshot location: Select Image Block in Gutenberg Editor]<\/em><\/li>\n<\/ol>\n\n\n\n

    \ud83d\udca1 Common Error: Images in Text Editor<\/h3>\n\n\n\n

    Never paste (copy-paste) images directly from the Word document into the WordPress editor! Although it works many times, it generates incorrect formatting and huge code junk in the background, which can cause problems later. Always save images as files (JPG, PNG, WebP) on your computer and upload them via the Media Library as described above.<\/p>\n\n\n\n

    Do you want an automatic solution?<\/h3>\n\n\n\n

    If you work with a lot of images and don\u2019t have time to optimize them one by one, you can request the installation of a professional, server-level image optimization plugin (e.g., ShortPixel or Smush). It automatically resizes and compresses files when uploading, plus converts them to the modern and lightning-fast WebP format.<\/p>\n\n\n\n

    Open a ticket to peterteszary.com Support Genix<\/strong> interface and I will set up such an automatic system on your website!<\/p>","protected":false},"excerpt":{"rendered":"

    One of the most common reasons why a website or webshop loads slowly is to look for images that are not properly uploaded. It feels great when you get new product images from a professional photographer or download a beautiful, pin-sharp photo from a stock page. However, if these are 5-10 megabytes, print grade (many times 4000-5000 [...]<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"slim_seo":{"title":"Mi\u00e9rt lassult be a weboldalam? - peterteszary.com","description":""},"_slim_seo_primary_term_sgkb-docs-category":586,"_slim_seo_primary_term_sgkb-docs-tag":0,"footnotes":""},"sgkb-docs-category":[586],"sgkb-docs-tag":[],"class_list":["post-5490","sgkb-docs","type-sgkb-docs","status-publish","hentry","sgkb-docs-category-wordpress-alapok-tartalomkezeles"],"meta_box":[],"_links":{"self":[{"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/sgkb-docs\/5490","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/sgkb-docs"}],"about":[{"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/types\/sgkb-docs"}],"author":[{"embeddable":true,"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/comments?post=5490"}],"version-history":[{"count":1,"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/sgkb-docs\/5490\/revisions"}],"predecessor-version":[{"id":5491,"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/sgkb-docs\/5490\/revisions\/5491"}],"wp:attachment":[{"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/media?parent=5490"}],"wp:term":[{"taxonomy":"sgkb-docs-category","embeddable":true,"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/sgkb-docs-category?post=5490"},{"taxonomy":"sgkb-docs-tag","embeddable":true,"href":"https:\/\/peterteszary.com\/en\/wp-json\/wp\/v2\/sgkb-docs-tag?post=5490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}