<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	 xmlns:media="http://search.yahoo.com/mrss/" >

<channel>
	<title>Roni WordPress Website Services</title>
	<atom:link href="https://ronimarinkovic.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://ronimarinkovic.com</link>
	<description>by Roni Marinkovic</description>
	<lastBuildDate>Wed, 18 Jan 2023 15:11:02 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://ronimarinkovic.com/wp-content/uploads/2021/01/cropped-Logo-icon-final-2021-32x32.png</url>
	<title>Roni WordPress Website Services</title>
	<link>https://ronimarinkovic.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Cloudways WordPress Hosting Review: Features, Performance, and Support</title>
		<link>https://ronimarinkovic.com/wordpress/cloudways-wordpress-hosting-review-features-performance-and-support/</link>
		
		<dc:creator><![CDATA[Roni Marinkovic]]></dc:creator>
		<pubDate>Mon, 02 Jan 2023 17:06:50 +0000</pubDate>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Rants]]></category>
		<guid isPermaLink="false">https://ronimarinkovic.com/?p=742</guid>

					<description><![CDATA[Welcome to my in-depth Cloudways WordPress Hosting Review, a popular web hosting service that promises fast and reliable hosting for businesses of all sizes. In this review, I will take a look at the features, performance, and support offered by Cloudways to help you decide if it is the right hosting solution for your needs. [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>Welcome to my in-depth <strong>Cloudways WordPress Hosting Review</strong>, a popular web hosting service that promises fast and reliable hosting for businesses of all sizes. In this review, I will take a look at the features, performance, and support offered by Cloudways to help you decide if it is the right hosting solution for your needs. I will share my personal experiences with the service and provide an honest evaluation of its pros and cons. By the end of this review, you should clearly understand what to expect from Cloudways and be able to make an informed decision about whether it is the best WordPress hosting option for your business.</p><div class="wp-block-rank-math-toc-block" id="rank-math-toc"><h2>Table of Contents</h2><nav><ul><li><a href="#features-of-cloudways-word-press-hosting">Features of Cloudways WordPress Hosting</a><ul><li><a href="#a-little-bit-more-about-the-features">A little bit more about the features</a></li></ul></li><li><a href="#performance-of-cloudways-word-press-hosting">Performance of Cloudways WordPress Hosting</a></li><li><a href="#support-offered-by-cloudways">Support offered by Cloudways</a></li><li><a href="#my-experience-and-my-client-sites-on-cloudways">My experience and my client sites on Cloudways</a></li><li><a href="#conclusion">Conclusion</a></li><li><a href="#frequently-asked-questions">Frequently asked questions</a></li></ul></nav></div><h2 class="wp-block-heading" id="features-of-cloudways-word-press-hosting">Features of Cloudways WordPress Hosting</h2><ul class="wp-block-list"><li>Unlimited websites.</li>

<li>Vertical server scaling.</li>

<li>Staging environments.</li>

<li>Fast SSD storage.</li>

<li>Global CDN network.</li>

<li>Firewalls.</li>

<li>SSL certificates.</li>

<li>Daily backups.</li>

<li>Live chat, email, and phone support.</li>

<li>Customized control panel.</li>

<li>Multiple cloud provider options.</li>

<li>Advanced security measures.</li></ul><figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1080" height="232" src="https://ronimarinkovic.com/wp-content/uploads/2023/01/Cloudways-features-and-partners-1080x232.png" alt="Cloudways features and partners" class="wp-image-855" title="Cloudways features and partners" srcset="https://ronimarinkovic.com/wp-content/uploads/2023/01/Cloudways-features-and-partners-1080x232.png 1080w, https://ronimarinkovic.com/wp-content/uploads/2023/01/Cloudways-features-and-partners-320x69.png 320w, https://ronimarinkovic.com/wp-content/uploads/2023/01/Cloudways-features-and-partners-768x165.png 768w, https://ronimarinkovic.com/wp-content/uploads/2023/01/Cloudways-features-and-partners-20x4.png 20w, https://ronimarinkovic.com/wp-content/uploads/2023/01/Cloudways-features-and-partners.png 1091w" sizes="(max-width: 1080px) 100vw, 1080px" /></figure><h3 class="wp-block-heading" id="a-little-bit-more-about-the-features">A little bit more about the features</h3><p>Cloudways is a website hosting service that stands out for its rich set of features, which are designed to make it easy for businesses to host and manage their websites. One of the standout features of Cloudways is the ability to host <strong>unlimited websites on a single account</strong>, a rare and valuable feature not offered by many competing hosting services.</p><p>In addition to unlimited websites, Cloudways also offers easy <strong>vertical Scaling</strong>, which means that the hosting infrastructure can be upgraded without interruption of service to meet the needs of your website as traffic increases. It ensures that your website will always be able to handle the increased load without any downtime.</p><p>Cloudways also offers <a href="https://support.cloudways.com/en/articles/5124886-how-to-create-a-staging-environment/?id=740235&amp;data1=Website" target="_blank" rel="noreferrer noopener nofollow" data-schema-attribute="about">staging environments</a>, which allow you to test new features or changes to your website in a separate, isolated environment before pushing them live. This is an important feature for businesses that want to ensure the stability and integrity of their live website, as it allows you to safely test new changes without any risk of affecting the live site.</p><p>Overall, the features offered by Cloudways are competitive with other <a href="https://ronimarinkovic.com/fastest-wordpress-hosting/" data-type="page" data-id="60">top hosting services</a> and provide a lot of value for businesses of all sizes. Cloudways makes it easy to host and manage multiple websites, ensure that your website can handle traffic spikes, and provide a safe and stable environment for testing and development.</p><h2 class="wp-block-heading" id="performance-of-cloudways-word-press-hosting">Performance of Cloudways WordPress Hosting</h2><p><strong>Performance is a critical factor</strong> to consider when choosing a website hosting service, and Cloudways delivers impressive performance across many key metrics.</p><p>One of the most important <a href="https://ronimarinkovic.com/website-speed/core-web-vitals-explained/" target="_blank" data-type="post" data-id="612" rel="noreferrer noopener">performance metrics</a> for any web hosting service is uptime, and Cloudways has consistently delivered uptimes of 99.99% or higher. This means that customers can expect their websites to be available and accessible to visitors almost all of the time.</p><p>In addition to high uptimes, Cloudways also boasts <strong>fast loading times for websites</strong> hosted on its platform. This is achieved through a combination of optimized servers, fast SSD storage, and a global CDN network. These features work together to ensure that websites hosted on Cloudways load quickly and smoothly for visitors, no matter where they are located. You can also use their WordPress caching plugin <a href="https://wordpress.org/plugins/breeze/" target="_blank" rel="noreferrer noopener nofollow">Breeze</a> to make your WordPress website load even faster.</p><p>Most tiers of Cloudways managed WordPress hosting include a <strong>premium object caching plugin for free; </strong>this is important<strong>,</strong> especially for the eCommerce websites running WooCommerce.</p><p>Security is also an important aspect of performance, and Cloudways takes it seriously. The service includes several security measures, such as firewalls, free SSL certificates, and daily backups to protect websites from potential threats.</p><p>Overall, the performance of Cloudways web hosting is excellent, with high uptimes, fast loading times, and strong security measures in place. These features combine to provide a reliable and enjoyable experience for website visitors and help to build trust and credibility for businesses that use Cloudways to host their websites.</p><h2 class="wp-block-heading" id="support-offered-by-cloudways">Support offered by Cloudways</h2><p>One of the key benefits of using Cloudways as a web hosting service is the high level of support that is available to customers. The company offers a variety of support options, including live chat, email, and phone support, so that customers can choose the best method for their needs and preferences.</p><p>In my experience, the live chat support offered by Cloudways is particularly helpful. Whenever I have had a question or issue, I have been able to get quick and helpful responses from the support team via live chat. The team is knowledgeable and has been able to resolve any issues I have had promptly.</p><p>Apart from live chat support, Cloudways also offers email and phone support. I have not had the need to use these support channels, but they are available for customers who prefer to communicate in these ways.</p><p>Overall, the support offered by Cloudways is excellent. The team is knowledgeable and responsive, providing various support options to meet the needs of different customers. I have been very happy with the support we have received from Cloudways and feel confident that I can get the help I need whenever I need it.</p><h2 class="wp-block-heading" id="my-experience-and-my-client-sites-on-cloudways">My experience and my client sites on Cloudways</h2><p>I host most of the client websites on Cloudways since they offer the best value for money. Not that it has compromises, but it really achieves great results even with entry-level tiers of hosting service.</p><p>Suppose you have a relatively simple WordPress website. In that case, the entry-level tier with 1GB RAM starting at $12 per month is more than enough to load your website lightning fast, provided it is built to a standard and basic optimisation is done. For decent traffic and anything more than a calling card website, a 2GB RAM tier is a great option and should be a starting point. It can handle 1-5 WordPress installs with no issues (roughly combined traffic of 10.000 visitors per month).</p><p>For WooCommerce websites, I would recommend starting with a Cloudways WordPress hosting plan that offers a minimum of 4GB of RAM since WooCommerce needs it due to its dynamic nature of it.</p><div class="wp-block-image"><figure class="aligncenter size-large"><img decoding="async" width="1080" height="540" src="https://ronimarinkovic.com/wp-content/uploads/2023/01/Cloudways-WordPress-Website-Hosting-Plans-1080x540.png" alt="Cloudways WordPress Hosting Plans" class="wp-image-764" title="Cloudways WordPress Hosting Plans" srcset="https://ronimarinkovic.com/wp-content/uploads/2023/01/Cloudways-WordPress-Website-Hosting-Plans-1080x540.png 1080w, https://ronimarinkovic.com/wp-content/uploads/2023/01/Cloudways-WordPress-Website-Hosting-Plans-320x160.png 320w, https://ronimarinkovic.com/wp-content/uploads/2023/01/Cloudways-WordPress-Website-Hosting-Plans-768x384.png 768w, https://ronimarinkovic.com/wp-content/uploads/2023/01/Cloudways-WordPress-Website-Hosting-Plans-20x10.png 20w, https://ronimarinkovic.com/wp-content/uploads/2023/01/Cloudways-WordPress-Website-Hosting-Plans.png 1131w" sizes="(max-width: 1080px) 100vw, 1080px" /><figcaption class="wp-element-caption">Cloudways WordPress Hosting Plans &#8211; <a href="https://www.cloudways.com/en/vultr-hosting.php?id=740235&amp;data1=Website#vultrHF" target="_blank" data-schema-attribute="about" rel="noreferrer noopener nofollow">Cloudways pricing</a></figcaption></figure></div><p>Since they offer unlimited applications (WordPress installs, for example), you can host multiple websites on one server. In my experience, if you have low-traffic sites with no WooCommerce, you can run 10 websites on the second tier without issues. Again, providing no plugin overloads, bad code, basic <a href="https://ronimarinkovic.com/make-your-wordpress-website-fast/" target="_blank" data-type="page" data-id="26" data-schema-attribute="about" rel="noreferrer noopener">website optimisations</a> done, and the websites are running with no issues.</p><p>For the server provider, I use Cloudways WordPress hosting on <a href="/go/cloudwaysvhf" target="_blank" data-schema-attribute="mentions" rel="noreferrer noopener nofollow sponsored">VultrHF</a> servers for most clients, as those proved to be the fastest loading in my experience. The Digital Ocean Performance series is also a great choice. There are rumours that VultrHF will stop getting new lines of servers soon, but that is not the issue since you can easily clone the server right from the user control panel to a new one with another provider.</p><p>There is a choice for Cloudways hosting providers between Amazon AWS or Google Cloud servers for large-scale websites. Those are pricey, and I use them if clients insist on them. They are more involved in managing.</p><p>Here is the client&#8217;s server example; it is the second tier with 2GB RAM / 1 CPU Core that is hosting 11 WordPress installs with relatively low traffic of 12k visitors per month.</p><div class="wp-block-image"><figure class="aligncenter size-full"><img decoding="async" width="961" height="95" src="https://ronimarinkovic.com/wp-content/uploads/2023/01/Cloudways-hosting-2GB-tier.png" alt="Cloudways hosting 2GB tier" class="wp-image-769" title="Cloudways WordPress Hosting Review: Features, Performance, and Support 1" srcset="https://ronimarinkovic.com/wp-content/uploads/2023/01/Cloudways-hosting-2GB-tier.png 961w, https://ronimarinkovic.com/wp-content/uploads/2023/01/Cloudways-hosting-2GB-tier-320x32.png 320w, https://ronimarinkovic.com/wp-content/uploads/2023/01/Cloudways-hosting-2GB-tier-768x76.png 768w, https://ronimarinkovic.com/wp-content/uploads/2023/01/Cloudways-hosting-2GB-tier-20x2.png 20w" sizes="(max-width: 961px) 100vw, 961px" /><figcaption class="wp-element-caption">Second tier &#8211; 2GB Cloudways hosting</figcaption></figure></div><p>And here is the GTMetrix test of one of the websites hosted on that server, Hello theme with Elementor website builder. Only image optimisation performed:</p><div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1080" height="632" src="https://ronimarinkovic.com/wp-content/uploads/2023/01/Cloudways-hosting-2GB-Speed-test-1080x632.jpg" alt="Cloudways hosting 2GB Speed test" class="wp-image-770" title="Cloudways WordPress Hosting Review: Features, Performance, and Support 2" srcset="https://ronimarinkovic.com/wp-content/uploads/2023/01/Cloudways-hosting-2GB-Speed-test-1080x632.jpg 1080w, https://ronimarinkovic.com/wp-content/uploads/2023/01/Cloudways-hosting-2GB-Speed-test-320x187.jpg 320w, https://ronimarinkovic.com/wp-content/uploads/2023/01/Cloudways-hosting-2GB-Speed-test-768x449.jpg 768w, https://ronimarinkovic.com/wp-content/uploads/2023/01/Cloudways-hosting-2GB-Speed-test-20x12.jpg 20w, https://ronimarinkovic.com/wp-content/uploads/2023/01/Cloudways-hosting-2GB-Speed-test.jpg 1191w" sizes="(max-width: 1080px) 100vw, 1080px" /><figcaption class="wp-element-caption">GTMetrix test for WordPress website hosted along with 10 others on Cloudways second tier VultrHF plan with 2GB RAM and 1 CPU Core</figcaption></figure></div><h2 class="wp-block-heading" id="conclusion">Conclusion</h2><p>In conclusion, Cloudways is a top-performing web hosting service that offers a rich set of features, excellent performance, and reliable support. The ability to host unlimited websites, automatic scaling, and staging environments make it a valuable hosting solution for businesses of all sizes. The high uptimes, fast loading times, and strong security measures ensure that websites hosted on Cloudways are always available and perform well for visitors. And the knowledgeable and responsive support team is available to help customers whenever needed.</p><p>Overall, I highly recommend <a href="//ronimarinkovic.com/go/cloudways" target="_blank" rel="noreferrer noopener nofollow">Cloudways</a> WordPress hosting service. It delivers on its promises and provides a lot of value for its customers. Whether you are a small business owner, blogger, or developer, Cloudways is a great choice for hosting your website.</p><p>You can also check my <a href="https://ronimarinkovic.com/fastest-wordpress-hosting/" target="_blank" data-type="page" data-id="60" data-schema-attribute="mentions" rel="noreferrer noopener">list of best hosting providers</a>.</p><h2 class="wp-block-heading" id="frequently-asked-questions">Frequently asked questions</h2><div id="rank-math-faq" class="rank-math-block">
<div class="rank-math-list ">
<div id="faq-question-1673282918844" class="rank-math-list-item">
<h3 class="rank-math-question ">Is Cloudways managed WordPress hosting?</h3>
<div class="rank-math-answer ">

<p>Yes, <strong>Cloudways offers managed WordPress hosting</strong>. Managed WordPress hosting is a type of hosting service that is specifically optimized for hosting WordPress websites. It includes a range of features and services that are designed to make it easy for businesses to host and manage their WordPress websites, including automatic updates, security measures, and performance optimization.<br />Cloudways offers a range of managed hosting plans for WordPress, which include all of the features and support needed to run a successful WordPress website. In addition to hosting, Cloudways also provides tools and resources to help customers with tasks such as staging, backup, and scaling. Overall, Cloudways is a good choice for businesses that are looking for a managed hosting solution for their WordPress website.</p>

</div>
</div>
<div id="faq-question-1673282987530" class="rank-math-list-item">
<h3 class="rank-math-question ">Is Cloudways hosting good?</h3>
<div class="rank-math-answer ">

<p>Short answer: Yes! <strong>Cloudways is a great option for beginner and advanced users</strong>, small to large WordPress websites and Woocommerce websites.</p>
<p>In my experience, Cloudways is a top-notch web hosting service that delivers on its promises of fast and reliable hosting. I&#8217;ve been really impressed with the uptimes &#8211; my websites have always been available and accessible to visitors. And the loading times are fast, thanks to the optimized servers, fast SSD storage, and global CDN network.</p>
<p>Cloudways also takes security seriously, which is important to me.</p>
<p>But perhaps the most impressive aspect of Cloudways is the support team. They&#8217;ve always been quick to respond to any questions or issues I&#8217;ve had and have been able to resolve everything in a timely manner. I&#8217;ve been really happy with the level of support I&#8217;ve received from Cloudways.</p>

</div>
</div>
<div id="faq-question-1673283053541" class="rank-math-list-item">
<h3 class="rank-math-question ">Can Cloudways WordPress hosting handle large traffic?</h3>
<div class="rank-math-answer ">

<p>Yes, <strong>Cloudways can handle large amounts of traffic</strong>.</p>
<p>One of the features that makes this possible is vertical scaling, which ensures that the hosting infrastructure can be adjusted to meet the increased needs of the website as traffic fluctuates. </p>
<p>In addition to vertical scaling, Cloudways also offers fast loading times and strong security measures, which can help to ensure that a website can handle large amounts of traffic without any issues. Overall, I have been very happy with the performance of Cloudways WordPress hosting when it comes to handling large amounts of traffic, and I have confidence that it can handle the needs of most businesses.</p>

</div>
</div>
<div id="faq-question-1673289217281" class="rank-math-list-item">
<h3 class="rank-math-question ">Is Cloudways good for WordPress?</h3>
<div class="rank-math-answer ">

<p>Yes, in my experience <strong>Cloudways is a good choice for hosting WordPress websites</strong>. The service is specifically designed for WordPress, with a range of features and tools that make it easy to host and manage WordPress sites.</p>
<p>Some of the key features that make Cloudways good for WordPress include:<br />&#8211; Automatic updates: Cloudways automatically updates WordPress core, plugins, and themes to keep your site secure and up-to-date.<br />&#8211; Staging environments: Cloudways allows you to test new features or changes to your WordPress site in a separate, isolated environment before pushing them live. This is a valuable tool for ensuring the stability and integrity of your live site.<br />&#8211; Performance optimization: Cloudways includes a number of performance optimization features such as fast SSD storage and a global CDN network to ensure that your WordPress site loads quickly and smoothly for visitors.<br />&#8211; Strong security measures: Cloudways includes a number of security measures such as firewalls, SSL certificates, and daily backups to protect your WordPress site from potential threats.</p>
<p>Overall, I have been very happy with the hosting experience I have had with Cloudways for my WordPress sites. I believe it is a good choice for businesses looking for a reliable and feature-rich hosting solution for their WordPress websites.</p>

</div>
</div>
<div id="faq-question-1673294110539" class="rank-math-list-item">
<h3 class="rank-math-question ">Is Cloudways good for beginners?</h3>
<div class="rank-math-answer ">

<p>Yes, <strong>Cloudways is a good choice for beginners</strong> who are new to web hosting. The service is designed to be user-friendly and easy to use, with a customized control panel and a range of tools and resources to help customers get started.</p>
<p>One of the key advantages of Cloudways for beginners is the managed hosting feature, which means that the company takes care of many of the technical tasks and maintenance required to run a website. This can be especially useful for beginners who may not have a lot of technical expertise or experience with web hosting.</p>
<p>In addition to the managed hosting feature, Cloudways also offers a range of support options, including live chat, email, and phone support. This means that beginners can get help whenever they need it and have access to a knowledgeable support team to answer any questions or resolve any issues that may come up.</p>
<p>Overall, Cloudways is a good choice for beginners who are looking for a user-friendly and supportive web hosting service.</p>

</div>
</div>
<div id="faq-question-1673283138699" class="rank-math-list-item">
<h3 class="rank-math-question ">How is Cloudways different from other providers?</h3>
<div class="rank-math-answer ">

<p>Cloudways is different from other web hosting providers in a number of ways. Some of the key differences include:</p>
<p>&#8211; Cloud-based infrastructure: Cloudways uses a cloud-based infrastructure, which means that it relies on a network of servers in multiple locations to host websites. This is different from traditional hosting providers that typically use a single server or a small number of servers in a single location. The advantage of cloud-based infrastructure is that it can be more scalable and flexible, as it can easily adjust to changes in traffic and demand.</p>
<p>&#8211; Managed hosting: Cloudways offers managed hosting, which means that it takes care of many of the technical tasks and maintenance required to run a website. This is different from traditional hosting providers that typically require customers to handle these tasks themselves. The advantage of managed hosting is that it can be more convenient and require less technical expertise.</p>
<p>&#8211; Multiple cloud providers: Cloudways allows customers to choose from multiple cloud providers, including Amazon Web Services (AWS), Google Cloud, Linode, DigitalOcean and Vultr. This is different from many other hosting providers that only offer a single cloud provider. The advantage of having multiple cloud provider options is that it can allow customers to choose the provider that best meets their needs and preferences.</p>
<p>&#8211; Customized control panel: Cloudways has a customized control panel that is designed to be easy to use and navigate. This is different from many other hosting providers that use a more traditional control panel interface. The advantage of a customized control panel is that it can be more intuitive and user-friendly, which can make it easier for customers to manage their hosting account and website.</p>
<p>Overall, <strong>Cloudways is a unique and innovative</strong> web hosting provider that offers a range of features and services that set it apart from other providers.</p>

</div>
</div>
</div>
</div><h2 class="wp-block-heading" id="exclusive-offer-for-my-visitors-and-customers">Exclusive offer for my visitors and customers</h2><p>Since you came to the end of this pretty long article, here is the link to sign-up with Cloudways and get an exclusive discount for your new hosting account from Cloudways and me: Use <a href="/go/cloudways" data-type="URL" data-id="/go/cloudways" target="_blank" rel="noreferrer noopener nofollow sponsored">this link for a signup</a>, enter the coupon code <strong>RMWD20OFF</strong>, and you will get 20% off for the first two months.</p><p>If you are considering moving your current hosting to Cloudways and need help, Cloudways offers one free website migration. You can also <a href="https://ronimarinkovic.com/contact-roni/" data-type="page" data-id="805">hire me</a> if you want someone to set a server up for you, tweak it for performance and migrate one or more websites.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>8 Common WordPress performance issues and how to fix them</title>
		<link>https://ronimarinkovic.com/wordpress/8-common-wordpress-performance-issues-and-how-to-fix-them/</link>
		
		<dc:creator><![CDATA[Roni Marinkovic]]></dc:creator>
		<pubDate>Fri, 18 Feb 2022 14:29:48 +0000</pubDate>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Website Speed]]></category>
		<category><![CDATA[Core Web Vitals]]></category>
		<category><![CDATA[Google PageSpeed]]></category>
		<category><![CDATA[Website Performance]]></category>
		<guid isPermaLink="false">https://ronimarinkovic.com/?p=631</guid>

					<description><![CDATA[Are you having issues with slow-loading WordPress websites? What can you do to resolve WordPress performance issues? Yes, it can be pretty frustrating for you and your visitors if your website is slow loading. As most of you know, Google started to take speed, specifically Core Web Vitals scores, into account when ranking mobile websites [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>Are you having issues with slow-loading WordPress websites? What can you do to resolve WordPress performance issues?</p><p>Yes, it can be pretty frustrating for you and your visitors if your website is slow loading. As most of you know, Google started to take speed, specifically Core Web Vitals scores, into account when <a rel="noreferrer noopener" href="https://developers.google.com/search/blog/2020/11/timing-for-page-experience" target="_blank">ranking mobile websites from May 2021</a> onwards, and the desktop scores are soon getting into account as well.</p><p>There is no need to despair as it is not too hard to make your website load fast, and here I will take you through the most common issues that affect the WordPress website speed and give you some pointers on how to fix them.</p><p>Currently, according to Core Web Vitals Technology Report, 35% of 2.35 million web pages pass the CWV criteria. Out of the total analyzed 1.9 mil pages on WordPress, 25.3% pass the Core Web Vitals. For WordPress websites, in January 2022, the median Lighthouse score is only 32%!</p><div class="wp-block-image"><figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="868" height="422" src="https://ronimarinkovic.com/wp-content/uploads/2022/02/Core-Web-Vitals-Technology-Report.jpg" alt="Core Web Vitals Technology Report" class="wp-image-688" title="8 Common WordPress performance issues and how to fix them 3" srcset="https://ronimarinkovic.com/wp-content/uploads/2022/02/Core-Web-Vitals-Technology-Report.jpg 868w, https://ronimarinkovic.com/wp-content/uploads/2022/02/Core-Web-Vitals-Technology-Report-320x156.jpg 320w, https://ronimarinkovic.com/wp-content/uploads/2022/02/Core-Web-Vitals-Technology-Report-768x373.jpg 768w, https://ronimarinkovic.com/wp-content/uploads/2022/02/Core-Web-Vitals-Technology-Report-20x10.jpg 20w" sizes="(max-width: 868px) 100vw, 868px" /><figcaption class="wp-element-caption"><a href="https://datastudio.google.com/u/0/reporting/55bc8fad-44c2-4280-aa0b-5f3f0cd3d2be/page/M6ZPC" target="_blank" rel="noreferrer noopener">Core Web Vitals Technology Report</a></figcaption></figure></div><h2 class="wp-block-heading" id="table-of-contents">Table of contents</h2><ol class="wp-block-list"><li><a href="#updated" data-type="internal" data-id="#updated">Keep your website updated</a></li>

<li><a href="#slowhosting" data-type="internal" data-id="#slowhosting">Slow hosting</a><ul class="wp-block-list"><li><a href="#slowdns" data-type="internal" data-id="#slowdns">Slow DNS</a></li>

<li><a href="#phpversion" data-type="internal" data-id="#phpversion">PHP Version</a></li>

<li><a href="#httpprotocol" data-type="internal" data-id="#httpprotocol">HTTP protocol</a></li></ul></li>

<li><a href="#caching" data-type="internal" data-id="#caching">Caching</a></li>

<li><a href="#usingcdn" data-type="internal" data-id="#usingcdn">Using a CDN</a></li>

<li><a href="#onefitsalltheme" data-type="internal" data-id="#onefitsalltheme">One-fits-all theme</a></li>

<li><a href="#unoptimized-plugins">Unoptimized plugins</a></li>

<li><a href="#unoptimized-images">Unoptimized images</a></li>

<li><a href="#large-page-size">Large page size</a></li></ol><h2 class="wp-block-heading" id="updated">1. Keep your website updated!</h2><p>This is the most obvious one that most users overlook, <a href="https://ronimarinkovic.com/wordpress-website-maintenance/" data-type="URL" data-id="https://ronimarinkovic.com/wordpress-website-maintenance/">WordPress website updates</a>! Only 26.7% of WordPress core is updated and running the latest 5.7 version! 17.5% use previous WordPress version 5.6, while a staggering 55.8% of WordPress installs are using outdated versions. The same thing applies to your theme and plugins. It is important to keep everything updated for performance and security. If a theme or a plugin you are using has not been updated for a long time, you should consider replacing it with the more recent alternative.</p><div class="wp-block-image"><figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="507" height="428" src="https://ronimarinkovic.com/wp-content/uploads/2021/03/WordPress-version-distribution-March-2021.jpg" alt="WordPress installs by version" class="wp-image-635" title="8 Common WordPress performance issues and how to fix them 4" srcset="https://ronimarinkovic.com/wp-content/uploads/2021/03/WordPress-version-distribution-March-2021.jpg 507w, https://ronimarinkovic.com/wp-content/uploads/2021/03/WordPress-version-distribution-March-2021-320x270.jpg 320w, https://ronimarinkovic.com/wp-content/uploads/2021/03/WordPress-version-distribution-March-2021-20x17.jpg 20w" sizes="(max-width: 507px) 100vw, 507px" /><figcaption class="wp-element-caption">WordPress installs by version</figcaption></figure></div><h2 class="wp-block-heading" id="slowhosting">2. Slow hosting – choosing a hosting relative to your website needs</h2><p>This is where it all starts. It is a fact that over 85% of my client website optimization projects start with changing hosting and migrating the website. It is usually one of the biggest problems and solutions to slow-loading WordPress websites. The most obvious sign is the server response time and time to first byte (TTFB) scores. You can test them with various online tools like GTMetrix and ByteCheck. If you have an issue with your hosting, you can check my list of the <a rel="noreferrer noopener" href="https://ronimarinkovic.com/fastest-wordpress-hosting/" target="_blank">fastest WordPress hosting companies that I recommend</a>. Always get the best hosting package that you can comfortably afford, do note that expensive does not always necessarily mean good.</p><h3 class="wp-block-heading" id="slowdns">Slow DNS</h3><p>Each time a visitor comes to your website, their browser needs to look up the <abbr title="Domain Name System">DNS</abbr>) to know the IP (Internet Protocol) address of the server where your website is located that your domain name points to.</p><p>Different DNS providers have different response times for resolving the IP address from a domain. A slow DNS provider will affect the overall speed, and most notably, the Time To First Byte (TTFB) metric.</p><p>There are a couple of consistently fast DNS providers, some are free, and some are paid. One of the best free ones is <a rel="noreferrer noopener" href="https://www.cloudflare.com/dns/" target="_blank">Cloudflare</a>. Cloudflare is free for basic services, DNS, <abbr title="Content Delivery Newtwork">CDN,</abbr> and WAF. You can use it for just DNS if you do not need the others. To do so, just set up Cloudflare and add your domain. After setting it up, you can pause Cloudflare services, but it will keep the DNS resolver. Some other fast DNS providers are <a href="https://cloud.google.com/dns/" target="_blank" rel="noopener">Google Cloud DNS</a> and <a href="https://dns.he.net/" target="_blank" rel="noopener">Hurricane Electric</a>.</p><h3 class="wp-block-heading" id="phpversion">PHP version</h3><p>WordPress is written in PHP, so your server needs to have it installed to run your WordPress website. Like any other software, it is important to stay up to date. For both speed and security, always choose a hosting company that offers the latest PHP version. At the moment, the lowest version I use on client sites is 7.4, and it is the recommended one (used by 25.8% of WordPress installs), but also quite a few of the sites I manage are already running on PHP 8.0.3, which is the latest version as of 4 March 2021 (used by only 0.2% of WordPress installs).</p><div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="540" height="415" src="https://ronimarinkovic.com/wp-content/uploads/2021/03/WordPress-PHP-versions-March-2021.jpg" alt="WordPress PHP versions March 2021" class="wp-image-634" title="8 Common WordPress performance issues and how to fix them 5" srcset="https://ronimarinkovic.com/wp-content/uploads/2021/03/WordPress-PHP-versions-March-2021.jpg 540w, https://ronimarinkovic.com/wp-content/uploads/2021/03/WordPress-PHP-versions-March-2021-320x246.jpg 320w, https://ronimarinkovic.com/wp-content/uploads/2021/03/WordPress-PHP-versions-March-2021-20x15.jpg 20w" sizes="(max-width: 540px) 100vw, 540px" /></figure></div><p>PHP stands for &#8220;Hypertext Preprocessor.&#8221; It is a recursive acronym if you can understand what that means. PHP is an HTML-embedded Web scripting language used to build WordPress and Javascript, CSS, and HTML.</p><h3 class="wp-block-heading" id="httpprotocol">HTTP protocol</h3><p><abbr title="HyperText Transfer Protocol">HTTP</abbr> is an application protocol that is the standard for communication on the World Wide Web since its invention in 1989. First, you must have an SSL certificate and serve your website to visitors with a secure HTTPS protocol. The newest version of the SSL protocol is called TLS, and its latest version is 1.3. Transport Layer Security, or TLS, is a widely adopted security protocol designed to facilitate privacy and data security for communications over the Internet. A primary use case of TLS is encrypting the communication between web applications and servers, such as web browsers loading a website.</p><p>There are also a few versions of the HTTP protocol, the latest being HTTP/3. Although HTTP/2 is in use since 2015 and gives a significant boost in loading the websites by loading assets in parallel that is not possible with the previous version of HTTP/1.1, many web hosts are still not using it! The upcoming version HTTP/3 uses QUIC, a transport layer network protocol initially developed by Google. At the moment, only 7.32% of desktop web browsers support HTTP/3, while no mobile browsers support it. If a website is not served via secure protocol TLS (or SSL), only HTTP/1.1 can be used, meaning a slow-loading website.</p><p>The point to note is you must have an SSL certificate installed, use a secure TLS connection and serve your website to visitors with HTTPS secure protocol.</p><h2 class="wp-block-heading" id="caching">3. Caching</h2><p>Caching is the term used for storing and reusing the website or application assets and elements to save server resources. It offers a better user experience. WordPress cache allows you to serve web content fast while keeping the server available to handle other requests.</p><p>There are several layers of caching your WordPress website. You can cache database queries, PHP-executed code, and whole-generated pages. The server handles the first two, and page caching is usually handled by a plugin that generates static pages from your WordPress content.</p><p>Caching pages is one of the most important ones as it speeds up loading times and reduces server resources needed for processing by serving finished static HTML pages to your visitors.</p><p>Some of the <a href="https://ronimarinkovic.com/fastest-wordpress-hosting/" data-type="page" data-id="60" target="_blank" rel="noreferrer noopener">performance WordPress hosts</a> implement page caching for you (like <a href="/go/wpengine" data-type="URL" data-id="/go/wpengine" target="_blank" rel="noreferrer noopener sponsored">WPEngine</a> and <a href="/go/kinsta" data-type="URL" data-id="/go/kinsta" target="_blank" rel="noreferrer noopener sponsored">Kinsta</a>), but you can also use free plugins for page caching on most hosts. Popular free plugins are WP Super Cache, WP Fastest Cache, and W3 Total Cache. From the premium plugins, I can highly recommend one that I use mostly, the <a href="/go/wprocket" target="_blank" rel="noreferrer noopener sponsored">WPRocket</a> (use this link to get 20% OFF, not an affiliate link).</p><h2 class="wp-block-heading" id="usingcdn">4. Using a CDN</h2><p>CDN is a Content Delivery Network, essentially a network of servers worldwide used to store your website resources. I already mentioned using Cloudflare for DNS resolving, but you can also use it as a CDN to deliver your website content assets like images, CSS, and JS files from their servers worldwide. Why? So the files needed to display your webpage are downloaded by your visitors from the server closest to them, speeding up the load time by lowering the distance that data needs to be transferred. Physical distance affects the loading speed, and visitors worldwide will not have your website loading at the same speed.</p><p>The downside of free Cloudflare CDN is that it is not always using a server closest to your visitors to serve the files. To rectify that, you need to use a paid plan or another paid CDN provider like BunnyCDN or others.</p><p>Also note that if you have mainly local visitors and clients, you do not necessarily need a CDN and it can actually prove to load your website slower with it than without it. CDN is useful if you have global visitors.</p><h2 class="wp-block-heading" id="onefitsalltheme">5. One-fits-all theme</h2><p>When starting a new website, one-fits-all themes seem great for beginners, but this can be an issue as most websites use only a fraction of the features from such themes. All the remaining features, not used, are still there, putting extra weight on your server resources and, in most cases, loading code for your visitors that is not needed. Top of all, it can cause WordPress performance issues.</p><p>This one is difficult to fix if you have a website with a lot of content since changing a theme can be costly and time-consuming. That is why you should carefully select a theme when starting. You can find some of the great choices on the resources page with the <a href="https://ronimarinkovic.com/best-themes-for-fast-wordpress-websites/" data-type="page" data-id="647">top 5 choices when choosing a fast-performing theme</a>.</p><h2 class="wp-block-heading" id="unoptimized-plugins">6. Unoptimized plugins</h2><p>You should be careful when choosing the plugins you install and activate on the website. I mentioned before that any inactive plugins should be uninstalled as those can pose security risks. When choosing plugins, you should consider a few key points: how long has the plugin been in use, how many active installs it has, when was the last time it got updated, does a developer or company have experience and other plugins, how good is the support, is there a paid version of the plugin. Other than these factors, more in-depth analysis is for advanced users (developers) who can inspect the code execution, database queries, and database used by the plugin.</p><p>In general, I will repeat myself yet again, using as few plugins as possible to get the website working as you want it to. Concentrate on the main goal of starting and growing your website business with basics, and then gradually improve on it when the need arises. <strong>You do not need all the extra fancy features for your website that you or users will rarely use, if at all.</strong> </p><h2 class="wp-block-heading" id="unoptimized-images">7. Unoptimized images</h2><p>Images make the largest impact on design, but also on the loading speed. In my experience, optimizing images improves the loading speed and scores significantly. On average, images account for roughly 35% of page size on average, but for many websites, that percentage is even much more.</p><p>There are many image optimization plugins, but nothing beats the right image sizing and optimization before actually uploading the image to your website. You can use the simplest tools like <a href="https://www.irfanview.com/" target="_blank" rel="noopener">IrfanView</a> to resize and save the optimized images for the website.</p><p>Install both IrfanView and its plugins from <a href="https://www.irfanview.com/main_download_engl.htm" target="_blank" rel="noreferrer noopener">this page</a>. First, you need to know the image sizes used on your website; always use the largest dimensions that are actually used. Normally it is the 1920px max for hero full-width images, although most will look great at the size 1280px as well. When you resize the image, save it for the web with jpeg quality 82, or you can even try 71, which works for most images without degrading the looks. Do not use PNG or GIF formats. PNG is ok sometimes for monotone images or drawings, but in most cases, JPG is the smallest. For optimizing images on your WordPress website, use a plugin <a href="https://wordpress.org/plugins/ewww-image-optimizer/" target="_blank" rel="noreferrer noopener">EWWW Image Optimizer</a> or services like <a href="https://ewww.io/" target="_blank" rel="noreferrer noopener">EWWW Cloud</a> and <a href="https://imagify.io/" target="_blank" rel="noreferrer noopener">Imagify</a>.</p><p>Secondly, you should create a webp version of the images and serve those to the modern browsers that support the new image format. For this, you can use a plugin that will help and save a lot of work, like <a rel="noreferrer noopener" href="https://wordpress.org/plugins/webp-express/" target="_blank">WebP Express</a>.</p><p>If you have a lot of images, you might consider lazy loading them.&nbsp;This is an optimization technique that loads visible images but delays the downloading and rendering of images that appear below the fold. <a rel="noreferrer noopener" href="https://make.wordpress.org/core/2020/07/14/lazy-loading-images-in-5-5/" target="_blank">WordPress, as of 5.5</a>, has a native lazy loading feature as well and is lazy loading images by default.</p><h2 class="wp-block-heading" id="large-page-size">6. Large page size</h2><p>Many times I get clients that have pages that are 5-10+MB in size. This is the amount of information a visitor browser needs to download in order to display the page to the visitor. Limiting the size to as low an amount of data as possible is the goal here.</p><p>The first web page appeared in 1990. Adding all sorts of fonts, images, videos, and&nbsp;CSS&nbsp;/&nbsp;JS files&nbsp;to the websites and with years of tech development, the sizes of pages have significantly increased. In 2010, the median web page size was 702kb and in February 2022 it is 2385kb, while the 90 percentile of web pages is 8469kb in size, according to information provided by&nbsp;<a href="https://httparchive.org/reports/page-weight?lens=wordpress&amp;start=earliest&amp;end=latest&amp;view=list" target="_blank" rel="noopener">httparchive.org</a>.</p><p>The goal should be to have web pages as light as possible, hopefully well under the 2000kb (2MB) range.</p><figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="960" height="530" src="https://ronimarinkovic.com/wp-content/uploads/2022/02/size-of-webpages.jpg" alt="Webpage sizes" class="wp-image-687" title="8 Common WordPress performance issues and how to fix them 6" srcset="https://ronimarinkovic.com/wp-content/uploads/2022/02/size-of-webpages.jpg 960w, https://ronimarinkovic.com/wp-content/uploads/2022/02/size-of-webpages-320x177.jpg 320w, https://ronimarinkovic.com/wp-content/uploads/2022/02/size-of-webpages-768x424.jpg 768w, https://ronimarinkovic.com/wp-content/uploads/2022/02/size-of-webpages-20x11.jpg 20w" sizes="(max-width: 960px) 100vw, 960px" /></figure><div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div><h2 class="wp-block-heading" id="need-your-wordpress-website-optimized">Need your WordPress website optimized?</h2><div class="elementor-element elementor-element-9fa380a elementor-align-left elementor-widget elementor-widget-button" data-id="9fa380a" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a href="/go/hireme-codeable" target="_blank" rel="nofollow noopener" class="elementor-button-link elementor-button elementor-size-lg" role="button">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-text">Hire Roni</span>
		</span>
					</a>
		</div>
				</div>
				</div>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Core Web Vitals explained</title>
		<link>https://ronimarinkovic.com/website-speed/core-web-vitals-explained/</link>
		
		<dc:creator><![CDATA[Roni Marinkovic]]></dc:creator>
		<pubDate>Mon, 22 Feb 2021 09:25:00 +0000</pubDate>
				<category><![CDATA[Website Speed]]></category>
		<category><![CDATA[Core Web Vitals]]></category>
		<category><![CDATA[Google PageSpeed]]></category>
		<category><![CDATA[Website Performance]]></category>
		<guid isPermaLink="false">https://ronimarinkovic.com/?p=612</guid>

					<description><![CDATA[Core Web Vitals are part of Google&#8217;s Web Vital measurements using the Lighthouse tool, and they apply to all pages. The current CWV relevant measurements focus on three aspects of the user experience; loading,&#160;interactivity, and&#160;visual stability, and they are: These three metrics should be under recommended values for at least 75% of page loads for [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><strong>Core Web Vitals</strong> are part of <em>Google&#8217;s Web Vital</em> measurements using the Lighthouse tool, and they apply to all pages. The current CWV relevant measurements focus on three aspects of the user experience; <em>loading</em>,&nbsp;<em>interactivity</em>, and&nbsp;<em>visual stability</em>, and they are:</p><ul class="wp-block-list"><li><strong>Largest Contentful Paint</strong> (LCP) &#8211; this should be under 2.5 seconds</li>

<li><strong>First Input Delay</strong> (FID) &#8211; this should be under 100 milliseconds</li>

<li><strong>Cumulative Layout Shift</strong> (CLS) &#8211; should be below 0.1</li></ul><p>These three metrics should be under recommended values for at least 75% of page loads for mobile and desktop devices.</p><div class="wp-block-rank-math-toc-block" id="rank-math-toc"><h2>Table of Contents</h2><nav><ul><li><a href="#core-web-vitals-basics">Core Web Vitals basics</a></li><li><a href="#measuring-core-web-vitals">Measuring Core Web Vitals</a></li><li><a href="#other-web-vitals">Other Web Vitals</a></li><li><a href="#other-metrics-when-testing-the-speed-of-web-pages">Other metrics when testing the speed of web pages</a></li><li><a href="#further-reading-related-to-core-web-vitals">Further reading related to Core Web Vitals</a></li></ul></nav></div><h2 class="wp-block-heading" id="core-web-vitals-basics">Core Web Vitals basics</h2><p><strong>Largest Contentful Paint (LCP)</strong> measures when the largest content element in the viewport becomes visible, meaning what you see on the screen when a web page loads without scrolling. Google considers an LCP <strong>under 2.5 seconds</strong> to be fast, while an LCP of over 4 seconds is bad.</p><p>The most common causes of a poor LCP are:</p><ul class="wp-block-list"><li>Slow server response times</li>

<li>Render-blocking JavaScript and CSS</li>

<li>Slow resource load times</li>

<li>Client-side rendering</li></ul><p><strong>First Input Delay (FID)</strong> measures the time from when a user first interacts with a page (when they click a link, tap on a button, or use a custom, JavaScript-powered control) to the time when the browser is actually able to begin processing event handlers in response to that interaction. To provide a good user experience, sites should strive to have an FID of <strong>less than&nbsp;100 milliseconds</strong>, while an FID of more than 300 milliseconds is considered bad.</p><p>The First Input Delay is measured only for &#8216;<em>field data</em>&#8216; and is available in Google Search Console. When testing pages with <a href="#tools">Lighthouse tools</a>, to help predict FID look at <a href="#tbt">Total Blocking Time (TBT)</a>, which measures different things, but improvements in TBT usually correspond to improvements in FID. The main cause of a poor FID is <strong>heavy JavaScript execution</strong>.</p><p><strong>Cumulative Layout Shift (CLS)</strong> measures the unexpected <em>layout shift</em> that occurs during the page load. A&nbsp;<em>layout shift</em>&nbsp;occurs whenever a visible element changes its position from one rendered frame to the next. Ideally, this should be <strong>under 0.1</strong>. Scores over 0.25 are considered a poor user experience.</p><p>The most common causes of poor CLS are:</p><ul class="wp-block-list"><li>Images without dimensions</li>

<li>Ads, embeds, and iframes without dimensions</li>

<li>Dynamically injected content</li>

<li>Web Fonts causing FOIT/FOUT</li>

<li>Actions waiting for a network response before updating DOM</li></ul><h2 class="wp-block-heading" id="measuring-core-web-vitals">Measuring Core Web Vitals</h2><p>To measure Core Web Vitals, you can use the following online tools that use the <a href="https://github.com/GoogleChrome/lighthouse" target="_blank" rel="noreferrer noopener"><em>Google Lighthouse tool</em></a> for testing; <a href="https://developers.google.com/speed/pagespeed/insights/" target="_blank" rel="noreferrer noopener">PageSpeed Insights</a>, WebPageTest.org, <a href="https://gtmetrix.com" target="_blank" rel="noreferrer noopener">GTMetrix</a>, <a href="https://search.google.com/search-console/about" target="_blank" rel="noreferrer noopener">Google Search Console</a>, and <a href="https://web.dev/measure/" target="_blank" rel="noreferrer noopener">web.dev&#8217;s measure tool</a>. If you are using Chrome or Edge browsers, you can also install the <a href="https://chrome.google.com/webstore/detail/web-vitals/ahfhijdlegdabablpippeagghigmibma" target="_blank" rel="noreferrer noopener">Web Vitals Chrome extension</a> or use the inbuilt Lighthouse tool within <a href="https://developers.google.com/web/tools/chrome-devtools" target="_blank" rel="noreferrer noopener">Chrome DevTools</a> for in-browser testing. All these tools, except for the Google Search Console, give you so-called &#8216;lab data&#8217; while the GSC will give you &#8216;field data&#8217; scores (actual user experience while loading and interacting with the web pages) relevant to SEO. Please note that Google Search Console &#8216;<em>field data</em>&#8216; is available only if you have enough website visitors.</p><figure class="wp-block-gallery has-nested-images columns-4 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex"><figure class="wp-block-image size-large"><a href="https://github.com/GoogleChrome/lighthouse" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="500" height="200" data-id="927" src="https://ronimarinkovic.com/wp-content/uploads/2023/01/lighthouse-speed-test.webp" alt="Google lighthouse tool" class="wp-image-927" title="Google lighthouse tool" srcset="https://ronimarinkovic.com/wp-content/uploads/2023/01/lighthouse-speed-test.webp 500w, https://ronimarinkovic.com/wp-content/uploads/2023/01/lighthouse-speed-test-320x128.webp 320w, https://ronimarinkovic.com/wp-content/uploads/2023/01/lighthouse-speed-test-20x8.webp 20w" sizes="(max-width: 500px) 100vw, 500px" /></a></figure>

<figure class="wp-block-image size-large"><a href="https://search.google.com/search-console/about" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="500" height="200" data-id="928" src="https://ronimarinkovic.com/wp-content/uploads/2023/01/google-pagespeed-insights.jpg" alt="Google Search Console" class="wp-image-928" title="Google Search Console" srcset="https://ronimarinkovic.com/wp-content/uploads/2023/01/google-pagespeed-insights.jpg 500w, https://ronimarinkovic.com/wp-content/uploads/2023/01/google-pagespeed-insights-320x128.jpg 320w, https://ronimarinkovic.com/wp-content/uploads/2023/01/google-pagespeed-insights-20x8.jpg 20w" sizes="(max-width: 500px) 100vw, 500px" /></a></figure>

<figure class="wp-block-image size-large"><a href="https://gtmetrix.com" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="500" height="200" data-id="930" src="https://ronimarinkovic.com/wp-content/uploads/2023/01/gtmetrix.jpg" alt="GTMetrix website speed tests" class="wp-image-930" title="GTMetrix website speed tests" srcset="https://ronimarinkovic.com/wp-content/uploads/2023/01/gtmetrix.jpg 500w, https://ronimarinkovic.com/wp-content/uploads/2023/01/gtmetrix-320x128.jpg 320w, https://ronimarinkovic.com/wp-content/uploads/2023/01/gtmetrix-20x8.jpg 20w" sizes="(max-width: 500px) 100vw, 500px" /></a></figure>

<figure class="wp-block-image size-large"><a href="https://www.webpagetest.org/" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="500" height="200" data-id="929" src="https://ronimarinkovic.com/wp-content/uploads/2023/01/webpagetest-speedtest.webp" alt="WEBPageTest website speed test" class="wp-image-929" title="WEBPageTest website speed test" srcset="https://ronimarinkovic.com/wp-content/uploads/2023/01/webpagetest-speedtest.webp 500w, https://ronimarinkovic.com/wp-content/uploads/2023/01/webpagetest-speedtest-320x128.webp 320w, https://ronimarinkovic.com/wp-content/uploads/2023/01/webpagetest-speedtest-20x8.webp 20w" sizes="(max-width: 500px) 100vw, 500px" /></a></figure></figure><h2 class="wp-block-heading" id="other-web-vitals">Other Web Vitals</h2><p><strong><a rel="noreferrer noopener" href="https://web.dev/fcp/" target="_blank">First contentful paint (FCP)</a>:</strong>&nbsp;measures the time from when the page starts loading to when any part of the page&#8217;s content is shown on the screen. Essentially this is when the user perceives the site as starting to load. Ideally, we want this under 1.5 seconds as that is perceived as fast by users.</p><p>To improve First Contentful Paint in general:</p><ul class="wp-block-list"><li>Eliminate render-blocking resources</li>

<li>Minify CSS</li>

<li>Remove unused CSS</li>

<li>Preconnect to required origins</li>

<li>Reduce server response times (TTFB)</li>

<li>Avoid multiple-page redirects</li>

<li>Preload key requests</li>

<li>Avoid enormous network payloads</li>

<li>Serve static assets with an efficient cache policy</li>

<li>Avoid an excessive DOM size</li>

<li>Minimize critical request depth</li>

<li>Ensure text remains visible during the Webfont load</li>

<li>Keep request counts low and transfer sizes small.</li></ul><p><strong><a rel="noreferrer noopener" href="https://web.dev/tti/" target="_blank">Time to Interactive (TTI)</a>:</strong>&nbsp;measures the time from when the page starts loading to when it&#8217;s visually rendered, its initial scripts (if any) have loaded, and it&#8217;s capable of reliably responding to user input quickly.</p><p>To improve Time To Interactive in general:</p><ul class="wp-block-list"><li>Minify JavaScript</li>

<li>Preconnect to required origins</li>

<li>Preload key requests</li>

<li>Reduce the impact of third-party code</li>

<li>Minimize critical request depth</li>

<li>Reduce JavaScript execution time</li>

<li>Minimize main thread work</li>

<li>Keep request counts low and transfer sizes small.</li></ul><p id="tbt"><strong><a href="https://web.dev/tbt/" target="_blank" rel="noreferrer noopener">Total blocking time (TBT)</a>:</strong>&nbsp; measures the total amount of time between First Contentful Paint (FCP) and Time to Interactive (TTI), essentially the amount of time where the website is not responding to user input or commands. Lower is always better here; ideally, we want this under 300ms when measured on the mobile device.</p><p>To improve Total Blocking Time in general:</p><ul class="wp-block-list"><li>Reduce the impact of third-party code</li>

<li>Reduce JavaScript execution time</li>

<li>Minimize main thread work</li>

<li><a href="https://web.dev/resource-summary/" target="_blank" rel="noopener">Keep request counts low, a</a>n<a href="https://web.dev/resource-summary/" target="_blank" rel="noopener">d transfer sizes small</a></li></ul><h2 class="wp-block-heading" id="other-metrics-when-testing-the-speed-of-web-pages">Other metrics when testing the speed of web pages</h2><p>Time to First Byte (TTFB) is how quickly the web server starts sending data. It should typically be 0.1-0.2 in the country the site is hosted in and 0.2-0.5 internationally. Higher than this is likely a problem. FAST is consistently 0.1 or below.</p><p>Fully Loaded Time is when the Document Complete or Window Loaded event has been reached, AND the site has had no network activity for 2+ seconds. This metric can be misleading as even small amounts of marketing code can make this really high. The difference between this timing and Document Complete Time is usually how long it takes for your third-party code like Analytics, Affiliate Code &amp; Ads, and Facebook Pixels to load.</p><h2 class="wp-block-heading" id="further-reading-related-to-core-web-vitals">Further reading related to Core Web Vitals</h2><ul class="wp-block-list"><li><a href="https://ronimarinkovic.com/wordpress/8-common-wordpress-performance-issues-and-how-to-fix-them/" data-type="post" data-id="631">Common WordPress performance issues to improve Core Web Vitals</a></li>

<li><a href="https://ronimarinkovic.com/rants/cloudways-wordpress-hosting-review-features-performance-and-support/" target="_blank" rel="noreferrer noopener">Cloudways WordPress hosting review</a></li></ul><p></p><div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div><div class="elementor-element elementor-element-9fa380a elementor-align-left elementor-widget elementor-widget-button" data-id="9fa380a" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a href="/go/hireme-codeable" target="_blank" rel="nofollow noopener" class="elementor-button-link elementor-button elementor-size-lg" role="button">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-text">Hire Roni</span>
		</span>
					</a>
		</div>
				</div>
				</div>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Why as a freelancer I work through Codeable?</title>
		<link>https://ronimarinkovic.com/ronis-rants/why-as-a-freelancer-i-work-through-codeable/</link>
		
		<dc:creator><![CDATA[Roni Marinkovic]]></dc:creator>
		<pubDate>Sat, 20 Feb 2021 13:18:37 +0000</pubDate>
				<category><![CDATA[Rants]]></category>
		<category><![CDATA[Codeable]]></category>
		<guid isPermaLink="false">https://ronimarinkovic.com/?p=581</guid>

					<description><![CDATA[Who am I, in case you missed it I am a Codeable WordPress Expert, meaning I completed a thorough&#160;vetting process to join the community as one of the top 2% of WordPress developers in the world! Apart from being a part of this amazing community of experts since July 2020., I have been making websites [&#8230;]]]></description>
										<content:encoded><![CDATA[<h2 class="wp-block-heading" id="who-am-i-in-case-you-missed-it">Who am I, in case you missed it</h2><p>I am a <a rel="noreferrer noopener sponsored" href="/go/codeable" target="_blank">Codeable</a> WordPress Expert, meaning I completed a thorough&nbsp;vetting process to join the community as one of the top 2% of WordPress developers in the world!</p><p>Apart from being a part of this amazing community of experts since July 2020., I have been making websites since I bought my first domain name in 1998. Working with WordPress for over 14 years now, building websites from scratch and making them load fast even before fast loading became important and a buzz.</p><h2 class="wp-block-heading" id="why-i-take-my-work-to-codeable">Why I take my work to Codeable?</h2><p>I have been developing mainly WordPress websites over the last 14 years as a freelance developer as a side job, most of my work was coming in through word-of-mouth and regular clients. During the notorious COVID19 outbreak and lockdown I needed a new steady inflow of new clients since my main business at the time went down to zero. I have been trying platforms like Upwork, Freelancer, and similar to reach clients. All of those were basically a complete waste of time, to get a project was near to impossible since those platforms are overcrowded with developers, not even mentioning the price dumping involved to get the project. This is not something I wanted, since it gives no quality work if you lower the price and quickly just produce &#8216;something&#8217;, both I and more important, clients will not be happy. It made no sense and I quickly gave up.</p><p>When I found out about Codeable, the first thing that came to my mind after reading about their vetting process was, &#8220;am I good enough?&#8221; After trying to find out about the platform and reading about experiences, I decided to apply &#8211; and here I am, proud, happy, and grateful to be part of the amazing Codeable community of top developers in the WordPress sphere. The application process took almost two months, from the application, interviews, test project development, live coding interview, onboarding. But it was a life-changing experience since then, for much better of course!</p><h2 class="wp-block-heading" id="top-benefits-of-codeable-platform">Top benefits of Codeable platform</h2><p>The only global WordPress freelance marketplace with pre-vetted WordPress experts.</p><ul class="wp-block-list"><li>Focused on WordPress exclusively</li><li>Strictly vetted WordPress experts only</li><li>No bidding pricing system</li><li>Free to post a project and get an estimate</li><li>No obligation to hire</li><li>Quality and satisfaction guarantee</li><li>The 28-day warranty period for bug fixing</li><li>Always-there customer support</li><li>The community of experts, not competition</li><li>A purpose over profit business</li></ul><h2 class="wp-block-heading" id="top-benefits-for-clients">Top benefits for clients</h2><ul class="wp-block-list"><li>Get reliable, pre-vetted WordPress experts that will deliver even when it&#8217;s urgent</li><li>Have virtually any WordPress-related task solved</li><li>Build lasting relationships with developers that know their business</li><li>Focus on scaling the business, not their WordPress website</li></ul><p><a rel="noreferrer noopener sponsored" href="/go/codeable" target="_blank">Read more here on how Codeable works</a>.</p><h2 class="wp-block-heading" id="top-benefits-for-developers">Top benefits for developers</h2><ul class="wp-block-list"><li>The amazing community behind the scenes, ready to help each other at any time</li><li>Coaching, support &amp; professional development</li><li>No competition between the developers, only coopetition</li><li>New client onboarding</li><li>A streamlined process for correspondence with clients, all in one place</li><li>Guaranteed minimum hourly rates</li><li>Escrow service for payments, projects are funded up-front, and payment is released to developers when the client approves</li></ul><p><a rel="noreferrer noopener sponsored" href="/go/expertapply" target="_blank">Are you a WordPress expert developer? Apply here!</a><br>Be sure to drop me a line and I can get you to the top of the cue.</p><div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div><div class="elementor-element elementor-element-9fa380a elementor-align-left elementor-widget elementor-widget-button" data-id="9fa380a" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a href="/go/hireme-codeable" target="_blank" rel="nofollow noopener" class="elementor-button-link elementor-button elementor-size-lg" role="button">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-text">Hire Roni</span>
		</span>
					</a>
		</div>
				</div>
				</div>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Genesis mobile menu and sticky menu top bar</title>
		<link>https://ronimarinkovic.com/genesis/genesis-mobile-menu/</link>
		
		<dc:creator><![CDATA[Roni Marinkovic]]></dc:creator>
		<pubDate>Sun, 01 Mar 2015 16:35:22 +0000</pubDate>
				<category><![CDATA[Genesis]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[mobile menu]]></category>
		<category><![CDATA[navigation]]></category>
		<category><![CDATA[sticky menu]]></category>
		<category><![CDATA[top bar]]></category>
		<guid isPermaLink="false">https://ronimarinkovic.com/ws/?p=402</guid>

					<description><![CDATA[UPDATE: This plugin is not maintained for a long time now, no use for it any longer. If you think you might need something like it, feel free to drop me a message. Since there was no plugin for a hamburger-style mobile menu for the Genesis framework, I decided to make one for my sites. [&#8230;]]]></description>
										<content:encoded><![CDATA[<pre class="wp-block-preformatted">UPDATE: This plugin is not maintained for a long time now, no use for it any longer. If you think you might need something like it, feel free to drop me <a href="#dropmealine">a message</a>.</pre><p>Since there was no plugin for a hamburger-style mobile menu for the Genesis framework, I decided to make one for my sites. You can download it from the <a title="Wordpress plugin repository" href="https://wordpress.org/plugins/genesis-mobile-sticky-menu/" target="_blank" rel="noopener">WordPress plugin repository</a>.<br>Also in the plugin, you have the option to make navigation sticky to the top when a visitor scrolls down the page for x amount of pixels. You can choose either the primary or secondary Genesis menu to become sticky.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Web Design Typography</title>
		<link>https://ronimarinkovic.com/website-design/web-design-typography/</link>
		
		<dc:creator><![CDATA[Roni Marinkovic]]></dc:creator>
		<pubDate>Tue, 06 Nov 2012 08:00:53 +0000</pubDate>
				<category><![CDATA[Website design]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[website]]></category>
		<guid isPermaLink="false">https://ronimarinkovic.com/ws/?p=406</guid>

					<description><![CDATA[Web design typography is a big thing! Lately, I&#8217;ve been exploring typography and its influence on web design. First, we are past the default 12-pixel font size and 10-pixel padding. Nowadays it is recommended to start with 16 pixels fonts and at least 26-pixel padding to allow a clean layout and enough white space. Days [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>Web design typography is a big thing! Lately, I&#8217;ve been exploring typography and its influence on web design. First, we are past the default 12-pixel font size and 10-pixel padding. Nowadays it is recommended to start with 16 pixels fonts and at least 26-pixel padding to allow a clean layout and enough white space. Days of standard fonts are long gone, and custom web fonts arrived ages ago. Why talk about it right now? Well, I just started getting more into typography lately and it is just more on my mind. using custom web fonts can change the look of the website dramatically without the need of using images. We all know (at least should know) that site speed is really important. Using images where we can just use CSS and custom fonts does not make sense anymore. Not just because of speed, but also from an SEO point of view.</p><div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div><h2 class="wp-block-heading">How to use Google web fonts on a website</h2><p>These examples use <a title="Google webfonts" href="http://www.google.com/webfonts" target="_blank" rel="noopener">Google web fonts API</a>, the obvious advantage is that anyone can use them, they are hosted by Google thus available to everyone and their use is cross-browser compatible. To use them on your site you have three options:</p><h4 class="wp-block-heading">1. Standard HTML meta tag to put in the head of your HTML documents</h4><pre class="wp-block-code"><code>&lt;link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'&gt;</code></pre><h4 class="wp-block-heading">2. CSS @import to put in your style.css file</h4><pre class="wp-block-code"><code>@import url(http://fonts.googleapis.com/css?family=Lobster);</code></pre><h4 class="wp-block-heading">3. JavaScript for asynchronous loading</h4><pre class="wp-block-code"><code>&lt;script type="text/javascript">
WebFontConfig = {
google: { families: &#91; 'Lobster::latin' ] }
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')&#91;0];
s.parentNode.insertBefore(wf, s);
})(); &lt;/script></code></pre><p>After you have done with the three methods above, you use the font in CSS like you would normally use any standard font.</p><pre class="wp-block-code"><code>font-family: 'Lobster', cursive;</code></pre><h3 class="wp-block-heading">So what do you say about it?</h3><p>I&#8217;m really into web design typography lately, how about you? What are your thoughts on it? Do you already use custom fonts for web design, or you still hang on to images.</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Honda NC700X DCT</title>
		<link>https://ronimarinkovic.com/toys-for-boys/honda-nc700x-dct/</link>
		
		<dc:creator><![CDATA[Roni Marinkovic]]></dc:creator>
		<pubDate>Tue, 16 Oct 2012 05:12:09 +0000</pubDate>
				<category><![CDATA[Toys for boys]]></category>
		<category><![CDATA[Honda]]></category>
		<category><![CDATA[motorcycle]]></category>
		<guid isPermaLink="false">https://ronimarinkovic.com/ws/?p=409</guid>

					<description><![CDATA[My new toy &#8211; Honda NC700X DCT! Actually, I bought it in May 2012 and got it in July 2012. The first impression was great. I went with a friend on a bike to Rijeka for pickup, and we drove along the Adriatic coast from Rijeka to Split and back home to Bol. The ride [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>My new toy &#8211; Honda NC700X DCT! Actually, I bought it in May 2012 and got it in July 2012. The first impression was great. I went with a friend on a bike to Rijeka for pickup, and we drove along the Adriatic coast from Rijeka to Split and back home to Bol. The ride was amazing, Honda NC700X DCT is really a great all-around bike. It took 10 minutes to get used to new DCT gear shifting and I wonder how come they did not make that earlier. Shifting is so smooth. What surprised me even more fuel consumption really is amazingly low, average consumption for the ride of roughly 400 kilometers was 3 liters per 100 kilometers! Now after few months of riding it, I can confirm it over-delivered, the bike is all I wished for. Honda did a great job lowering the center of gravity and you do not have a feeling that the bike has 220 kilos, it feels more like riding a bicycle. Daily commute, slow turns, and maneuvering are so easy. Storage compartment in a place where <span id="more-412"></span>normally fuel tank is, removes the need for the top box in the city completely. It is so large that you can stuff there all you need for your daily commute.</p>
<h3>Here are some photos of my Honda NC700X DCT and few stock photos by Honda</h3>
<p>
<a href="https://ronimarinkovic.com/wp-content/uploads/2012/10/2012-Honda-NC700X-02.jpg"><img loading="lazy" decoding="async" width="320" height="320" src="https://ronimarinkovic.com/wp-content/uploads/2012/10/2012-Honda-NC700X-02-320x320.jpg" class="attachment-medium size-medium" alt="2012 Honda NC700X 02" srcset="https://ronimarinkovic.com/wp-content/uploads/2012/10/2012-Honda-NC700X-02-320x320.jpg 320w, https://ronimarinkovic.com/wp-content/uploads/2012/10/2012-Honda-NC700X-02-1080x1080.jpg 1080w, https://ronimarinkovic.com/wp-content/uploads/2012/10/2012-Honda-NC700X-02-150x150.jpg 150w, https://ronimarinkovic.com/wp-content/uploads/2012/10/2012-Honda-NC700X-02-1536x1536.jpg 1536w, https://ronimarinkovic.com/wp-content/uploads/2012/10/2012-Honda-NC700X-02-2048x2048.jpg 2048w, https://ronimarinkovic.com/wp-content/uploads/2012/10/2012-Honda-NC700X-02-20x20.jpg 20w, https://ronimarinkovic.com/wp-content/uploads/2012/10/2012-Honda-NC700X-02.jpg 1920w" sizes="(max-width: 320px) 100vw, 320px" title="Honda NC700X DCT 7"></a>
<a href="https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-1.jpg"><img loading="lazy" decoding="async" width="320" height="320" src="https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-1-320x320.jpg" class="attachment-medium size-medium" alt="Honda nc700x dct" srcset="https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-1-320x320.jpg 320w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-1-1080x1080.jpg 1080w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-1-150x150.jpg 150w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-1-1536x1536.jpg 1536w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-1-2048x2048.jpg 2048w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-1-20x20.jpg 20w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-1.jpg 1920w" sizes="(max-width: 320px) 100vw, 320px" title="Honda NC700X DCT 8"></a>
<a href="https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-2.jpg"><img loading="lazy" decoding="async" width="320" height="320" src="https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-2-320x320.jpg" class="attachment-medium size-medium" alt="Honda nc700x dct 2" srcset="https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-2-320x320.jpg 320w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-2-1080x1080.jpg 1080w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-2-150x150.jpg 150w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-2-1536x1536.jpg 1536w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-2-2048x2048.jpg 2048w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-2-20x20.jpg 20w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-2.jpg 1920w" sizes="(max-width: 320px) 100vw, 320px" title="Honda NC700X DCT 9"></a>
<a href="https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-3.jpg"><img loading="lazy" decoding="async" width="320" height="320" src="https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-3-320x320.jpg" class="attachment-medium size-medium" alt="Honda nc700x dct 3" srcset="https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-3-320x320.jpg 320w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-3-1080x1080.jpg 1080w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-3-150x150.jpg 150w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-3-1536x1536.jpg 1536w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-3-2048x2048.jpg 2048w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-3-20x20.jpg 20w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-3.jpg 1920w" sizes="(max-width: 320px) 100vw, 320px" title="Honda NC700X DCT 10"></a>
<a href="https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-4.jpg"><img loading="lazy" decoding="async" width="320" height="320" src="https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-4-320x320.jpg" class="attachment-medium size-medium" alt="Honda nc700x dct 4" srcset="https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-4-320x320.jpg 320w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-4-1080x1080.jpg 1080w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-4-150x150.jpg 150w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-4-1536x1536.jpg 1536w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-4-2048x2048.jpg 2048w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-4-20x20.jpg 20w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-4.jpg 1920w" sizes="(max-width: 320px) 100vw, 320px" title="Honda NC700X DCT 11"></a>
<a href="https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-5.jpg"><img loading="lazy" decoding="async" width="320" height="320" src="https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-5-320x320.jpg" class="attachment-medium size-medium" alt="Honda nc700x dct 5" srcset="https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-5-320x320.jpg 320w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-5-1080x1080.jpg 1080w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-5-150x150.jpg 150w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-5-1536x1536.jpg 1536w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-5-2048x2048.jpg 2048w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-5-20x20.jpg 20w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-5.jpg 1920w" sizes="(max-width: 320px) 100vw, 320px" title="Honda NC700X DCT 12"></a>
<a href="https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-8.jpg"><img loading="lazy" decoding="async" width="320" height="320" src="https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-8-320x320.jpg" class="attachment-medium size-medium" alt="Honda nc700x dct 8" srcset="https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-8-320x320.jpg 320w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-8-1080x1080.jpg 1080w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-8-150x150.jpg 150w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-8-1536x1536.jpg 1536w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-8-2048x2048.jpg 2048w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-8-20x20.jpg 20w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-8.jpg 1920w" sizes="(max-width: 320px) 100vw, 320px" title="Honda NC700X DCT 13"></a>
<a href="https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-9.jpg"><img loading="lazy" decoding="async" width="320" height="320" src="https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-9-320x320.jpg" class="attachment-medium size-medium" alt="Honda nc700x dct 9" srcset="https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-9-320x320.jpg 320w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-9-1080x1080.jpg 1080w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-9-150x150.jpg 150w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-9-1536x1536.jpg 1536w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-9-2048x2048.jpg 2048w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-9-20x20.jpg 20w, https://ronimarinkovic.com/wp-content/uploads/2012/10/Honda-nc700x-dct-9.jpg 1920w" sizes="(max-width: 320px) 100vw, 320px" title="Honda NC700X DCT 14"></a>
</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Enhanced WordPress gallery shortcode plugin</title>
		<link>https://ronimarinkovic.com/wordpress/enhanced-wordpress-gallery-shortcode-plugin/</link>
		
		<dc:creator><![CDATA[Roni Marinkovic]]></dc:creator>
		<pubDate>Sat, 06 Oct 2012 22:10:11 +0000</pubDate>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[gallery]]></category>
		<guid isPermaLink="false">https://ronimarinkovic.com/?p=471</guid>

					<description><![CDATA[UPDATE: This plugin is not maintained for a long time now, no use for it any longer. If you think you might need something like it, feel free to drop me a message. Enhanced WordPress Gallery plugin is a simple plugin that changes the core WordPress gallery shortcode to display all image properties, namely, it [&#8230;]]]></description>
										<content:encoded><![CDATA[<pre class="wp-block-preformatted">UPDATE: This plugin is not maintained for a long time now, no use for it any longer. If you think you might need something like it, feel free to drop me <a href="#dropmealine">a message</a>.</pre><p>Enhanced WordPress Gallery plugin is a simple plugin that changes the core WordPress gallery shortcode to display all image properties, namely, it displays Title, Caption, and Description of the image if those fields are entered for images in native WordPress media management. Just download the plugin zip file and upload it to /wp-content/plugins/ directory of your WP installation. Go to dashboard/plugins and activate the plugin. That is all, no options to configure, no overhead code. If an image has any of the fields, the plugin will just display them under the image.</p><p>Enhanced WordPress Gallery plugin I made after the attempt to use original WordPress gallery shortcode to create galleries and integrate Paypal shopping cart (using <a href="https://wordpress.org/plugins/wordpress-simple-paypal-shopping-cart/" target="_blank" rel="noopener">WP simple Paypal shopping cart plugin</a>). I needed to somehow display a shortcode to add the buy button. This way I can use one of the default media library fields to insert the shortcode. This plugin adds a gallery display for all image info, title, alt, caption, and description.<br>Also if you want to use the fancy box (I recommend using <a href="https://wordpress.org/plugins/fancybox-for-wordpress/" target="_blank" rel="noopener">Fancybox for WordPress</a>) or some other lightbox effect on images, you will need to add this bit of code to your template functions file insert needed class elements for the effect to function (I intend to incorporate this into a plugin in next version as a simple checkbox option). What this function does is it just adds classes to the link needed for the fancy box to work.</p><p><code>function add_class_attachment_link($html){<br>
$postid = get_the_ID();<br>
$html = str_replace('&lt;a','&lt;a class="fancybox" rel="gallerygroup"', $html);<br>
return $html;<br>
}<br>
add_filter('wp_get_attachment_link','add_class_attachment_link',10,1);</code></p><p>If you are using some other lightbox library just change the class names on line 3.</p><p><code>class="fancybox" rel="gallerygroup"</code></p><p>This is how the gallery is displayed:</p><div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1080" height="1080" src="https://ronimarinkovic.com/wp-content/uploads/2022/11/enhanced-wordpress-gallery-shortcode-1080x1080.jpg" alt="enhanced wordpress gallery shortcode" class="wp-image-738" title="Enhanced Wordpress gallery shortcode plugin 15" srcset="https://ronimarinkovic.com/wp-content/uploads/2022/11/enhanced-wordpress-gallery-shortcode.jpg 1080w, https://ronimarinkovic.com/wp-content/uploads/2022/11/enhanced-wordpress-gallery-shortcode-320x320.jpg 320w, https://ronimarinkovic.com/wp-content/uploads/2022/11/enhanced-wordpress-gallery-shortcode-150x150.jpg 150w, https://ronimarinkovic.com/wp-content/uploads/2022/11/enhanced-wordpress-gallery-shortcode-768x768.jpg 768w, https://ronimarinkovic.com/wp-content/uploads/2022/11/enhanced-wordpress-gallery-shortcode-20x20.jpg 20w" sizes="(max-width: 1080px) 100vw, 1080px" /></figure></div><p>This is a work in progress, as I intend to add a plugin options page and include extra functionality found on my website photo galleries.<br>You can download the plugin here: <a href="https://wordpress.org/plugins/enhanced-wp-gallery/" target="_blank" rel="noopener">Enhanced WordPress Gallery</a><br>If you find this plugin useful, feel free to buy me a coffee <img src="https://s.w.org/images/core/emoji/15.0.3/72x72/1f642.png" alt="🙂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
