{"id":38705,"date":"2023-03-23T16:27:18","date_gmt":"2023-03-23T16:27:18","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=38705"},"modified":"2025-05-12T06:32:42","modified_gmt":"2025-05-12T06:32:42","slug":"how-to-speed-up-wordpress-website-and-crocoblock-plugins","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-speed-up-wordpress-website-and-crocoblock-plugins\/","title":{"rendered":"How to Speed Up WordPress Website and Crocoblock Plugins"},"content":{"rendered":"\n<p>Slow websites are incredibly frustrating for any developer and business owner because low performance not only ruins the user experience but also significantly worsens the site\u2019s ranking by search engines. This guide will go through the main factors influencing page load speed and explain how to optimize them.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"wordpress-performance-essentials\">WordPress Performance Essentials<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\" id=\"themes-plugins-and-updates\"><strong>Themes, plugins, and updates<\/strong><\/h3>\n\n\n\n<p>A fast, well-coded&nbsp;<a href=\"https:\/\/crocoblock.com\/blog\/fastest-wordpress-themes\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress theme<\/a>&nbsp;with a mobile-first approach is vital for website performance, so it\u2019s essential to research and accomplish all the tests before using a particular theme.<\/p>\n\n\n\n<p>For testing website loading speed and getting insights, use <a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>Pagespeed Insights from Google<\/strong><\/a> or <a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>GTMetrix<\/strong><\/a>; it\u2019s recommended to do it right after the theme installation when no plugins have been added yet. It will help you set a \u201ccheckpoint\u201d and understand whether your theme is lightweight. Use <a href=\"https:\/\/geekflare.com\/tools\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>Geekflare tools<\/strong><\/a> to get more insights and details about your website\u2019s performance.<\/p>\n\n\n\n<p>If you plan to use many plugins, always choose the most lightweight mobile-first and recently updated theme. When installing plugins, don\u2019t forget to read their reviews and check how often they are updated. You can also use instruments like&nbsp;<a href=\"https:\/\/chrome.google.com\/webstore\/detail\/wp-hive-a-better-wordpres\/hbbcblcogociooaeodndcimehhchadka\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">WP Hive<\/a>.&nbsp;<\/p>\n\n\n\n<p>After installing all the necessary plugins, it\u2019s a good idea to recheck the website speed. If there is a significant drop in performance at this stage, install a <strong>Query Monitor<\/strong> plugin, go to <strong><em>Queries &gt; Queries by Component<\/em><\/strong>, and sort things by \u201cTime.\u201d Thus, you will see which plugins might decrease loading speed.&nbsp;<\/p>\n\n\n\n<p>In case you suspect a plugin conflict, deactivate all the plugins and then reactivate them one by one and check whether the website works correctly, as well as run performance tests to find out which plugin causes a problem.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"updatesnbsp\">Updates&nbsp;<\/h3>\n\n\n\n<p>Update a PHP version.<strong>&nbsp;<\/strong><\/p>\n\n\n\n<p>Updating a <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/update-php-version-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">PHP version<\/a> is essential to boost website performance because each new version is faster and more stable than the previous one.<\/p>\n\n\n\n<p>Update a WordPress version, plugins, and the theme.<\/p>\n\n\n\n<p>Better performance, bug fixes, and better security (not to mention new features) come with each new release, so don\u2019t forget to update WordPress, plugins, and the theme. Ensure you do all your code edits in a child theme, not on the parent theme, which is being updated; otherwise, you can lose those edits after updating.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"understanding-your-website-type\"><strong>Understanding your website type<\/strong><\/h3>\n\n\n\n<p>Understanding your website type is vital for planning resources and choosing optimization tools and techniques. There are two types of sites: static and dynamic. The first one doesn\u2019t use a server (and is based only on HTML, CSS, and JavaScript), and the second uses a server and database. It\u2019s a classic (and a bit outdated) approach to this terminology.<\/p>\n\n\n\n<p>However, there\u2019s been a new approach to those definitions for some time.&nbsp;<\/p>\n\n\n\n<ul>\n<li>Websites with a lot of dynamic (or adaptive) content are considered dynamic, as this content changes depending on the user\u2019s behavior, preferences, interaction patterns, and other factors. Examples: booking, appointment, listing, eCommerce websites.&nbsp;<\/li>\n\n\n\n<li>Meanwhile, websites where information doesn\u2019t change frequently are considered static. Examples: blogs and corporate sites.<\/li>\n<\/ul>\n\n\n\n<p>The approach to optimization of those two categories is slightly different, and when this difference is not clear for website developers, they might have a lot of frustration trying to use the same approach to dynamic sites as to static.&nbsp;<\/p>\n\n\n\n<p>The main difference is&nbsp;caching.&nbsp;While for static sites, it can dramatically improve loading speed, for dynamic sites, various caching plugins often cause big problems if used with default settings.&nbsp;<\/p>\n\n\n\n<p>Dynamic websites offer much bigger functionality and a next-level user experience. But not all the sites should be dynamic; some just don\u2019t need it because they have different goals (e.g., some blogs).&nbsp;<\/p>\n\n\n\n<p>Dynamic websites generate much more database requests, and due to their specifics, there are typically more users on the site per unit of time. Their sessions might be shorter but include more interactions and more page loads (e.g., visitors can read one blog page for a few minutes, not causing any additional requests to the server, while if it\u2019s a shop, there are usually many requests per minute: using filters, going through many pages, etc.). And the content they request is impossible to cache because it\u2019s so different. It\u2019s called uncacheable content. But using advanced CDN settings and other techniques, it can still be cached.<\/p>\n\n\n\n<p>Yet, it\u2019s essential to understand that applying the same logic as static content caching will simply not work and even cause slowing down the site or errors.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/07\/static-versus-dynamic.png\" alt=\"static versus dynamic\">\n\n\n\n<h3 class=\"wp-block-heading\" id=\"php-environment\">PHP environment<\/h3>\n\n\n\n<p>PHP memory limit is a per-script<strong> <\/strong>memory limit. Increasing it will not help to process more scripts simultaneously. Typically, a default memory limit value is 128-256M.&nbsp;<\/p>\n\n\n\n<p>If you see the following error, check the php.ini<strong> <\/strong>settings on the hosting panel.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Fatal error: Allowed memory size of x bytes exhausted (tried to allocate x bytes)<\/code><\/pre>\n\n\n\n<p>But, if you see this error quite frequently, even after increasing the PHP memory limit to 256-512M, the problem might be in the scripts\u2019 quality or using potent plugins. Also, it\u2019s important to remember that increasing the PHP memory limit will decrease the number of concurrent processes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"server-environment\">Server environment<\/h3>\n\n\n\n<p>Most of the hosting providers use <strong>Apache, Nginx, <\/strong>or <strong>LiteSpeed <\/strong>servers. They all have advantages and fans. But, when we talk about highly loaded projects with many concurrent requests, Nginx and LiteSpeed are the best choices because of their better performance and caching modules. You can choose a hosting provider or a plan that uses them even if you don\u2019t use a dedicated server but just shared hosting. Of course, if your website is highly dynamic and the performance needs improvements.&nbsp;<\/p>\n\n\n\n<p><strong>Memcached <\/strong>and <strong>Redis<\/strong> are the most popular in-memory databases that assist in processing a large amount of data. They can help with shared hosting plans, too, and the best idea is to consult your hosting provider\u2019s tech support to help you choose which one will work best for your project.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"hosting-and-hardware\">Hosting and hardware<\/h3>\n\n\n\n<p>If the hosting provider declares that it uses SSD hard discs, it\u2019s a good sign. Today, the HDD storage type can be called obsolete.&nbsp;<\/p>\n\n\n\n<p>Also, the hosting provider that uses HTTP\/2<strong> <\/strong>(and HTTP\/3, when it will be available for your hosting provider) is suitable for increased loading speed.&nbsp;<\/p>\n\n\n\n<p>Cloud hosting from reputable IaaS providers like Google Cloud or AWS can guarantee the best speed, geographical accessibility, scalability, and stability. Some cheaper providers, such as Digital Ocean, Vultr, or Linode, are also good. The best way to use them (if you are not a professional DevOps engineer) is to use managed hosting providers that do all the dirty work for you, including adding firewalls, advanced caching, and other perks.&nbsp;<\/p>\n\n\n\n<p>If you don\u2019t use cloud hosting or CDN, consider having your website\u2019s server located as close as possible to your existing and potential clients.&nbsp;<\/p>\n\n\n\n<p>A reputable and performance-focused hosting provider offering elaborate solutions and good tech support is an essential component of the performance and success of your site. Consider using a well-managed<a href=\"https:\/\/crocoblock.com\/blog\/woocommerce-hosting-explained\/\" target=\"_blank\" rel=\"noreferrer noopener\"> WordPress hosting<\/a> specialized precisely in what this CMS requires and all the specific ways of its optimization.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"wordpress-front-end-optimization-and-cache-management\">WordPress Front End Optimization and Cache Management<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\" id=\"images-and-video-optimization\"><strong>Images and video optimization<\/strong><\/h3>\n\n\n\n<p>Optimizing images is essential to improve a loading speed dramatically but doesn\u2019t require any elaborated knowledge and is easy to do.&nbsp;<\/p>\n\n\n\n<p>A standard resolution for screen images is 72 PPI. For Retina, it\u2019s bigger. Delivering such images separately is better. There\u2019s a WP Retina 2x plugin that helps to do so.&nbsp;<\/p>\n\n\n\n<p>Many tools enable a lossless compression for images (compress them without losing quality). Such services are available online and as plugins.&nbsp;<\/p>\n\n\n\n<p>Using SVG format for logos, icons, illustrations, and other similar images instead of PNG will improve page loading time and enhance image quality. SVG is a vector format that can be resized to the biggest screens without even a little loss of quality, and at the same time, the file size stays extremely small.&nbsp;&nbsp;<\/p>\n\n\n\n<p>It\u2019s a bad practice to store images on third-party websites and embed them because it significantly increases page loading speed.&nbsp;<\/p>\n\n\n\n<p>Caching, preloading, and lazy load<strong> <\/strong>are great practices for images and videos. But remember that lazy loading is applicable when you have many images or videos below the first screen.&nbsp;<\/p>\n\n\n\n<p>Regarding videos, it\u2019s better not to store big videos on your hosting if their size is more than 2-5M and they are in WebM or MPEG-4 formats. Use YouTube, Vimeo, and similar services to embed them. The same goes for audio files (podcasts): use third-party storage services.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"css-optimization\"><strong>CSS optimization<\/strong><\/h3>\n\n\n\n<p>In most cases, CSS, JavaScript, and HTML optimization is done with the help of plugins. But it\u2019s essential to understand what those plugins do to set the settings correctly.&nbsp;<\/p>\n\n\n\n<p>The most frequent reason for poor loading speed, as all the performance-measuring tools detect it, is Render Blocking elements. It means the page can\u2019t start rendering before all the styles, scripts, images, etc., are still loading. So, the goal of optimization is to reduce everything that blocks rendering:<\/p>\n\n\n\n<ul>\n<li>removing unused scripts and duplicating lines of code;<\/li>\n\n\n\n<li>minifying CSS files;<\/li>\n\n\n\n<li>Gzip-compressing of CSS files;<\/li>\n\n\n\n<li>using the wp_enqueue_style()<strong> <\/strong>function in functions.php to link all the necessary styles instead of placing &lt;link href=\u201dstyle.css\u201d rel=\u201dstylesheet\u201d&gt; in the header.php.&nbsp;<\/li>\n\n\n\n<li>splitting styles for print, screen, and media into different files and then fetching them separately <em>when needed<\/em> using the \u201cmedia\u201d parameter. Some styles that are rarely used (like the \u201cprint\u201d one) can be enqueued in the footer, where it doesn\u2019t block rendering.<\/li>\n<\/ul>\n\n\n\n<p>All of this can be done with the help of <a href=\"https:\/\/crocoblock.com\/blog\/best-wordpress-speed-optimization-plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress optimization plugins<\/a>. Also, they will help extract critical CSS and place it above the fold (but you should consider that sometimes it doesn\u2019t work correctly and causes errors).&nbsp;<\/p>\n\n\n\n<p>Well-written CSS also saves loading time:<\/p>\n\n\n\n<ul>\n<li>using modern layout techniques (grid and flexbox instead of float);<\/li>\n\n\n\n<li>using CSS animations where possible instead of JavaScript animations;<\/li>\n\n\n\n<li>avoiding the frequent use of very complex selectors (e.g.,<em> .main &gt; .main.container &gt; div#specialDiv &gt; menu#mymenu &gt; p:nth-child(even)<\/em>), as they take time to parse, etc.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"html-optimization\"><strong>HTML Optimization<\/strong><\/h3>\n\n\n\n<p>Best practices for optimizing your HTML files:<\/p>\n\n\n\n<ul>\n<li>avoiding inline styles and scripts;<\/li>\n\n\n\n<li>using Gzip compression;<\/li>\n\n\n\n<li>loading scripts after CSS, so the page will load much faster;<\/li>\n\n\n\n<li>making sure the HTML code is valid and concise.<\/li>\n<\/ul>\n\n\n\n<p>HTML is a \u201cskeleton\u201d of the website, so its successful rendering depends on the optimized and fast load of CSS and JavaScript.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"scripts-optimization\"><strong>Scripts optimization<\/strong><\/h3>\n\n\n\n<p>Many plugins clog the call stack with lots and lots of JavaScript files, with their dependencies and other things that need to be processed, so it takes time. That\u2019s why choose plugins that don\u2019t load your website with too many libraries and use<strong> <\/strong>a<strong> <\/strong>module approach when you can simply switch off unused modules.&nbsp;<\/p>\n\n\n\n<p>For example, most Crocoblock plugins use this approach, and you can easily switch modules and widgets on and off. Don\u2019t forget to check them out at <strong><em>WordPress Dashboard &gt; Crocoblock &gt; JetPlugins Settings &gt; \u201cThe Plugin\u201d<\/em><\/strong> or in the plugins\u2019 menu (as in the case with <a href=\"https:\/\/crocoblock.com\/plugins\/jetengine\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetEngine<\/em><\/a>).<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/09\/jetengine-modules.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/09\/jetengine-modules-1024x640.webp\" alt=\"jetengine modules\" class=\"wp-image-42029\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/09\/jetengine-modules-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/09\/jetengine-modules-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/09\/jetengine-modules-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/09\/jetengine-modules-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/09\/jetengine-modules-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/09\/jetengine-modules.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>There are also many modules\/widgets you can switch on and off in other plugins\u2019 settings.<\/p>\n\n\n\n<p>For instance, you can turn off some options in the <a href=\"https:\/\/crocoblock.com\/plugins\/jettricks\/\"><em>JetTricks<\/em><\/a><strong> Widgets &amp; Extensions<\/strong> dashboard if needed.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/09\/jettricks-widgets-and-extensions.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/09\/jettricks-widgets-and-extensions-1024x640.webp\" alt=\"jettricks widgets and extensions\" class=\"wp-image-42030\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/09\/jettricks-widgets-and-extensions-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/09\/jettricks-widgets-and-extensions-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/09\/jettricks-widgets-and-extensions-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/09\/jettricks-widgets-and-extensions-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/09\/jettricks-widgets-and-extensions-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/09\/jettricks-widgets-and-extensions.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>The following steps are crucial for optimizing scripts:<\/p>\n\n\n\n<ul>\n<li>minifying JS files;<\/li>\n\n\n\n<li>using Gzip;&nbsp;<\/li>\n\n\n\n<li>excluding unused library components;<\/li>\n\n\n\n<li>avoiding linking too many external libraries and scripts located on other servers;<\/li>\n\n\n\n<li>placing JavaScript and links to JS files and libraries to the footer to avoid blocking page rendering;<\/li>\n\n\n\n<li>asynchronous (async) load of scripts is vital because when a browser \u201csees\u201d the script, it can\u2019t continue loading the page until it executes the script;<\/li>\n\n\n\n<li>defer property is similar to asynchronous, but it works only for external scripts; it is also conducted before the entire page is loaded, so it doesn\u2019t block rendering but still doesn\u2019t behave as independently as async.<\/li>\n<\/ul>\n\n\n\n<p>Good optimization plugins with the correct settings can do this work for you.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"fonts-loading\"><strong>Fonts loading<\/strong><\/h3>\n\n\n\n<p>Fonts can slow down webpages if they are not optimized, so here are some tips on how to make your fonts load faster:<\/p>\n\n\n\n<ul>\n<li>use only the subsets you need (if you don\u2019t need Greek or Vietnamese, for example, make sure they don\u2019t load those character sets);<\/li>\n\n\n\n<li>preload fonts;<\/li>\n\n\n\n<li>use modern font formats like WOFF;<\/li>\n\n\n\n<li>try to self-host fonts;<\/li>\n\n\n\n<li>use a proper font-display property (\u201cswap\u201d and \u201coptional\u201d would be the best in most cases);<\/li>\n\n\n\n<li>using a \u201clocal\u201d property will save time for font loading from a server if the user has this font on their computer.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"caching-and-cdns\"><strong>Caching and CDNs<\/strong><\/h3>\n\n\n\n<p>There are several types of cache, each of which does its job. Let\u2019s have a look at a few of them:<\/p>\n\n\n\n<ol>\n<li>Site cache stores the data the user loaded when they opened the page for the first time.&nbsp;<\/li>\n\n\n\n<li>Browser cache is the type of cache that stores website files on the browser side (and the user has control over them).<\/li>\n<\/ol>\n\n\n\n<p>3. Server cache<strong> <\/strong>is a general name for CDN cache, object cache (connected to databases), and opcode cache (dealing with PHP requests).<\/p>\n\n\n\n<p>CDN<strong> <\/strong>is a solution for dynamic sites, allowing scripts to generate dynamic content straight from the cache, which is physically located as near to the user as possible. CDNs store static content (images, CSS, JavaScript files), so they don\u2019t interfere with other types of cache and do not cause conflicts.<\/p>\n\n\n<div class=\"note-banner d-flex border-bold border-jetsmartfilters rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z\" fill=\"#FA5450\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Warning<\/div><p class=\"m-0\">Be aware that site and browser cache can show outdated data and, in some cases, cause errors if one plugin uses data generated by another, but that data is outdated.<\/p><\/div><\/div>\n\n\n\n<p>If you have a highly dynamic website, you should first pay attention to the server cache.<strong> <\/strong>As a rule, tools and settings for dealing with it can be found in the hosting admin panel. Also, in this case, fast hosting is the key to performance.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"other-tips-for-better-performance\">Other Tips for Better Performance<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<h3 class=\"wp-block-heading\" id=\"tidying-up-wordpressnbsp\">Tidying up WordPress&nbsp;<\/h3>\n\n\n\n<p>There are two main things to do to tidy up the website to boost its performance:<\/p>\n\n\n\n<ol>\n<li>Removing unused plugins and themes.&nbsp;<\/li>\n\n\n\n<li>Cleaning up the database.&nbsp;<\/li>\n<\/ol>\n\n\n\n<p>Cleaning a database reduces its size, speeds up the website, and reduces CPU usage. There are a few main categories of junk that clog the database:&nbsp;<\/p>\n\n\n\n<ul>\n<li>old revisions;<\/li>\n\n\n\n<li>trashed posts, comments, and spam;<\/li>\n\n\n\n<li>orphaned metadata;<\/li>\n\n\n\n<li>expired transient options;<\/li>\n\n\n\n<li>tables left behind old plugins;<\/li>\n\n\n\n<li>temporary (overhead) records created by plugins that collect a lot of data (mostly SEO and analytics plugins).<\/li>\n<\/ul>\n\n\n\n<p>Use database cleaning plugins. Don\u2019t forget to back up your website before using them, and also be careful with the settings.&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"using-pagination\">Using pagination<\/h3>\n\n\n\n<p>Pagination in categories or even long posts considerably improves page loading speed, especially if there\u2019s heavy content. In addition, it enhances user experience and can be referred to as SEO best practice (but only if implemented correctly, with <em>rel=\u201dcanonical\u201d<\/em> links for pagination pages and other things to consider).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"limiting-post-revisionsnbsp\">Limiting post revisions&nbsp;<\/h3>\n\n\n\n<p>WordPress saves all the post revisions by default, and they clog the database. This will gradually affect the overall website performance. So, it\u2019s better to limit their number. For this, go to wp-config.php on the root of the WordPress folder, find this line, and limit the number of revisions, let\u2019s say, to 3:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>define( 'WP_POST_REVISIONS', 3 );<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"reduce-the-number-of-server-calls\">Reduce the number of server calls<\/h3>\n\n\n\n<p>The server call takes place each time the page needs additional information from the server, like images, CSS, or JS files. The more such calls are generated, the longer it takes for the page to load. There are different ways to optimize some server calls by using:<\/p>\n\n\n\n<ul>\n<li>pagination;<\/li>\n\n\n\n<li>lazy load and defer attribute;<\/li>\n\n\n\n<li>CSS sprites;<\/li>\n\n\n\n<li>combining scripts used in the page in one file (which can be done with the help of the optimization plugins);<\/li>\n\n\n\n<li>deactivating rarely used plugins and deleting and replacing the plugins producing too many server calls;<\/li>\n\n\n\n<li>avoiding using images and other resources from external websites (such as embedded images, analytics code, and share buttons);<\/li>\n\n\n\n<li>using container-specific image sizes.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"avoiding-redirects\">Avoiding redirects<\/h3>\n\n\n\n<p>Each redirect takes extra time to process, so it\u2019s better to avoid them when they are not essential, especially when they lead to other redirects.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"link-types-prefetch-prerender-preload\">Link types: prefetch, prerender, preload<\/h3>\n\n\n\n<p>DNS-prefetch is used for third-party links; it helps to resolve domain names before the browser issues the request or the user clicks on the link. It can be used for links to Google Fonts, tag manager, etc., by adding a <em>rel= \u201cdns-prefetch\u201d <\/em>attribute to the link. If there are a lot of external links on the site, prefetching can significantly improve loading speed. It works even better with <em>rel= \u201cpreconnect.\u201d <\/em>It should be placed in the &lt;head&gt; section of the website.&nbsp;<\/p>\n\n\n\n<p>Prefetch is used for internal links when you are sure the user will click on that link, so you instruct the browser to load that page in its cache. Using it makes sense when this page is heavy and you want to speed up the process and improve the user experience. Add <em>rel= \u201cprefetch\u201d<\/em> to implement it.&nbsp;<\/p>\n\n\n\n<p>Prerender<strong> <\/strong>is a directive that tells the browser to fully load the page that the link is pointing to with all the connected resources. It\u2019s used for pages you are sure the user will open next. The difference with prefetching is that the browser starts to perform prerendering the moment it reads this directive, while it does prefetch when it has some \u201cfree time.\u201d The syntax is <em>rel= \u201cprerender.\u201d&nbsp;<\/em><\/p>\n\n\n\n<p>Preload<strong> <\/strong>is beneficial when you want to preload and store a file that will be used very soon in the browser&#8217;s cache. So, if it\u2019s already preloaded, requesting it from the server will not block rendering. It\u2019s primarily used for CSS and font files.<\/p>\n\n\n\n<p>The syntax looks like this:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;link rel=\"preload\" href=\"style.css\" as=\"style\"&gt;<\/code><\/pre>\n\n\n\n<p>The \u201cas\u201d attribute is mandatory because it instructs the browser about the <a href=\"https:\/\/docs.google.com\/document\/d\/1bCDuq9H1ih9iNjgzyAL0gpwNFiEP4TZS-YLRp_RuMlc\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">loading priority<\/a>.<\/p>\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">Do not overuse preload and prerender \u2013 it will slow down the site instead of speeding it up. Also, use prefetch with caution.<\/p><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"caching-plugins\">Caching plugins<\/h3>\n\n\n\n<p>Don\u2019t use <a href=\"https:\/\/crocoblock.com\/blog\/top-wordpress-caching-plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">several caching plugins<\/a> on one website: it will cause a conflict. Also, remember that in most cases, such plugins don\u2019t work \u201cout-of-the-box,\u201d requiring attention to the settings and testing if everything works well on the website and whether the performance has improved after implementation.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"jetplugins-speed-optimization-tips\">JetPlugins Speed Optimization Tips<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Using the principles mentioned above, you can deal with Crocoblock plugins, too. The critical point here is that most <em>JetPlugins<\/em> work with dynamic content, so it\u2019s essential to consider the specifics of dealing with it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"caching-dynamic-content-main-principles\">Caching dynamic content: main principles<\/h3>\n\n\n\n<ol>\n<li>\u00a0Remember that the ultimate goal is to let a browser paint the page HTML as fast as possible<strong> <\/strong>to reduce the TTFB (Time To First Byte) value. It means that some dynamic content and JavaScript files involved in its delivery should be loaded or executed after the cached content<strong> <\/strong>or simply with delay<strong> <\/strong>when the HTML has already been painted.\u00a0<\/li>\n\n\n\n<li>Many scripts are not required for rendering a page. That\u2019s why it\u2019s better to use the \u201cLoad Scripts on User Interaction\u201d option (most optimization plugins have it). However, some pages might not work correctly with such settings, so test thoroughly after implementing and consider using this method only for particular scripts.&nbsp;<\/li>\n\n\n\n<li>Pages almost entirely made of dynamically generated content should not be cached using the site or browser cache.<strong> <\/strong>It can be done by excluding such URLs from caching using the optimization plugin\u2019s settings.&nbsp;<\/li>\n\n\n\n<li>Consider disabling Preloading for such pages, too.&nbsp;<\/li>\n\n\n\n<li>Avoid using <strong><em>Elementor &gt; Advanced &gt; Responsive<\/em><\/strong> settings in the page editor, especially to set up conditional visibility for large objects with some dynamic elements inside. For example, containers with JetEngine listings, JetMenu, etc. Remember that this Elementor feature only hides certain blocks using the <em>display:none<\/em>; property, but it still loads it. So, if you set up the Responsive view in the Elementor interface for three devices (mobile, tablet, and desktop), the page will load all three containers but hide two of them. It will increase the loading time dramatically.&nbsp;<\/li>\n\n\n\n<li>Remember that if the element is hidden, it still loads and launches all the styles and scripts connected to it. It means that it consumes loading time and resources.&nbsp;<\/li>\n\n\n\n<li>You can use AJAX to render page triggers (so the dynamic content will be loaded after the cached content). This option is available in some caching plugins.&nbsp;<\/li>\n\n\n\n<li>Choose server caching (mentioned above in this article) over caching with the help of the plugins for highly dynamic websites. You still can and should use such plugins, but not to the same extent, and rely more on the server caching tools to decrease the loading time.<\/li>\n<\/ol>\n\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">Check out this article about <a href=\"https:\/\/crocoblock.com\/blog\/wp-rocket-wordpress-caching-plugin-review\/\"> WP Rocket settings <\/a> for Crocoblock plugins. You can use the same principles when setting up other caching plugins.<\/p><\/div><\/div>\n\n\n\n<p>Let\u2019s review the speed optimization tips for some Crocoblock plugins.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"jetengine-optimization-tips\">JetEngine optimization tips<\/h3>\n\n\n\n<ul>\n<li>Don\u2019t insert too many <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-grid-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Listings<\/strong><\/a> on the same page because it generates additional server calls and slows down a page. Create a new listing for that particular page instead.&nbsp;<\/li>\n\n\n\n<li>For different listing layouts in tabs, use the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/layout-switcher-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Layout Switcher<\/strong><\/a>. This reduces the number of DOM elements rendered on the page, leading to a more efficient backend process.<\/li>\n\n\n\n<li>Use the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetengine-dynamic-visibility-module-options-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Dynamic Visibility<\/strong><\/a> module when needed (instead of other similar tools for visibility).<\/li>\n\n\n\n<li>Don\u2019t use lazy load for Listings and images located above the fold \u2013 it doesn\u2019t make sense and will visually slow down a page load.&nbsp;<\/li>\n\n\n\n<li>Pay attention to the images uploaded; these should be optimized.<\/li>\n\n\n\n<li>Having a lot of items in the <strong>Listing<\/strong> might cause the page to slow down. The optimal number of items is about several dozen in a typical case.<\/li>\n\n\n\n<li>Avoid using excessive meta fields, especially in complex queries, as it can cause slow database performance. This is applicable for CPTs, as CCTs themselves store the meta data in one table.<\/li>\n\n\n\n<li>Deactivate preload in your caching plugin settings if <em>JetEngine<\/em> is the reason for the page load speed decrease.&nbsp;<\/li>\n\n\n\n<li>Switch off the modules you don\u2019t use.<\/li>\n\n\n\n<li>Go to <strong><em>WordPress Dashboard &gt; JetEngine &gt; JetEngine &gt; Performance<\/em> <\/strong>tab and switch off the views you don\u2019t use. For example, if you work only with Block Editor, switch off Elementor and Bricks views. (Note that if you switch off all the views, the <strong><em>WordPress Dashboard &gt; JetEngine &gt; Listings<\/em><\/strong> functionality will disappear) You can also switch on the <strong>Optimize DOM<\/strong> toggle, but be careful because it will reset the styling of all <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/dynamic-field-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Dynamic Field<\/strong><\/a> and <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-dynamic-link-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Dynamic Link<\/strong><\/a> widgets\/blocks.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"jettabs-jettricks-jetblog-jetelements-jetblocks-optimization-tips\">JetTabs, JetTricks, JetBlog, JetElements, JetBlocks optimization tips<\/h3>\n\n\n\n<ul>\n<li>Go to <strong><em>WordPress Dashboard &gt;<\/em><\/strong> <strong><em>Crocoblock &gt; JetPlugins Settings &gt; {the plugin} &gt; Widgets<\/em><\/strong> to switch off widgets and extensions you don\u2019t use. Remember that some load quite heavy JavaScript libraries (e.g., <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-parallax-effects-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Parallax<\/strong><\/a> of <a href=\"https:\/\/crocoblock.com\/plugins\/jetelements\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetElements<\/em><\/a><em> <\/em>or <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jettricks\/how-to-add-particles-effect-to-the-sections-background\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Particles<\/strong><\/a><strong> <\/strong>of <em>JetTricks <\/em>widgets).&nbsp;<\/li>\n\n\n\n<li>You can speed up Elementor when it deals with those plugins using Crocoblock\u2019s <a href=\"https:\/\/crocoblock.com\/blog\/speed-up-your-work-with-load-level-editor\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Editor Load Level<\/strong><\/a>. It changes a set of options for the Elementor <strong>Style<\/strong> tab when using <a href=\"https:\/\/crocoblock.com\/plugins\/jettabs\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetTabs<\/em><\/a><em>, JetTricks, <\/em><a href=\"https:\/\/crocoblock.com\/plugins\/jetblog\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetBlog<\/em><\/a>, and <a href=\"https:\/\/crocoblock.com\/plugins\/jetblocks\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetBlocks<\/em><\/a> widgets. It can be found at <strong><em>WordPress Dashboard &gt; Crocoblock &gt; JetPlugins Settings &gt; {the plugin} &gt; General Settings<\/em><\/strong>.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/09\/jettabs-editor-load-level.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/09\/jettabs-editor-load-level-1024x640.webp\" alt=\"jettabs editor load level\" class=\"wp-image-42031\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/09\/jettabs-editor-load-level-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/09\/jettabs-editor-load-level-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/09\/jettabs-editor-load-level-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/09\/jettabs-editor-load-level-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/09\/jettabs-editor-load-level-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/09\/jettabs-editor-load-level.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li>It\u2019s better not to use <em>JetTabs<\/em> on the main page because it, as a rule, already has a lot of things. All the tabs load a lot of content (most of it is hidden, but it still loads).&nbsp;<\/li>\n\n\n\n<li>Be cautious with sliders, especially those placed above the fold, and remember that they require some scripts and styles to run them, not to mention that they load images; that\u2019s why sliders might block page rendering.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"jetsmartfilters-optimization-tips\">JetSmartFilters optimization tips<\/h3>\n\n\n\n<p>When talking about <a href=\"https:\/\/crocoblock.com\/plugins\/jetsmartfilters\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetSmartFilters<\/em><\/a> speed improvement, we should emphasize that the filters work fast; the problem is content displaying and rendering content.<\/p>\n\n\n\n<ul>\n<li>If you have a lot of posts in the listing and each listing item has hundreds of dynamic fields, then it will be rendered really long.<\/li>\n\n\n\n<li>Using the \u201cAJAX\u201d <strong>Apply Type<\/strong> will work faster, as only the listing is changed, while with the \u201cPage Reload\u201d type, the whole page will be rendered.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"jetmenu-optimization-tips\">JetMenu optimization tips<\/h3>\n\n\n\n<ul>\n<li>If the menu doesn\u2019t load properly on mobile devices, the problem is, most likely, in the cache. Enable the \u201cSeparate cache files for mobile devices\u201d option. Or don\u2019t cache the menu at all.&nbsp;<\/li>\n\n\n\n<li>Don\u2019t use Elementor\u2019s <strong>Responsive<\/strong> feature for displaying mobile and tablet menus. It dramatically decreases the loading speed because all the menus will load simultaneously, even if some will be invisible.&nbsp;<\/li>\n\n\n\n<li>For <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetmenu-how-to-create-a-mega-menu-in-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">building responsive menus<\/a>, use breakpoints available in the <strong>Mega Menu<\/strong> widget settings. For more adjustments to the legacy menu, go to <strong><em>WordPress Dashboard &gt; Crocoblock &gt; JetPlugins Settings &gt; JetMenu &gt; Mobile Render <\/em><\/strong>settings.<strong><em> <\/em><\/strong>And if you use the revamp menu, you can set the <strong>Breakpoint <\/strong>while adjusting the widget in the <strong>Layout <\/strong>tab of your page editor.<\/li>\n\n\n\n<li>Don\u2019t insert unoptimized images and many different listings in the <strong>Mega Menu<\/strong>. Create a custom listing for the menu instead.&nbsp;<\/li>\n\n\n\n<li>Remember that each <strong>Listing Grid<\/strong> in the header or footer menu (in the <strong>Mega Menu<\/strong>) is an additional server call that will be performed <em>on each page<\/em> of your website, slowing down a page load time. So, if you insert listings in the <strong>Mega Menu<\/strong>, consider using<strong> lazy load<\/strong> to process them.&nbsp;<\/li>\n\n\n\n<li>Instead of sections, it\u2019s better to switch to Elementor containers.<\/li>\n\n\n\n<li>Better use the revamp version of the menu. It\u2019s newer and is relevant as <em>JetMenu <\/em>gets updates. Also, it supports Gutenberg, which is not the case for the legacy menu.<\/li>\n\n\n\n<li>Check the <strong><em>WordPress Dashboard &gt; Crocoblock &gt; JetPlugins Settings &gt; JetMenu &gt; General Settings <\/em><\/strong>section. Adjust cache options. Deactivate <strong>Template Content Cache <\/strong>and <strong>Cache menu CSS <\/strong>if not needed.<\/li>\n\n\n\n<li>If the \u201cLoad Scripts on User Interaction\u201d is on in your caching plugin\u2019s settings, you should use &#8220;exceptions&#8221; for the cache. Below is an example for the <a href=\"https:\/\/docs.wp-rocket.me\/article\/1560-delay-javascript-execution-compatibility-exclusions#jet-menu\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">WP Rocket plugin<\/a>:<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>\/jquery-?&#091;0-9.](.*)(.min|.slim|.slim.min)?.js\n\/jquery-migrate(.min)?.js\n\/elementor-pro\/\n\/elementor\/\n\/jet-blog\/assets\/js\/lib\/slick\/slick.min.js\n\/jet-elements\/\n\/jet-menu\/\nelementorFrontendConfig\nElementorProFrontendConfig\nhasJetBlogPlaylist\nJetEngineSettings\njetMenuPublicSettings<\/code><\/pre>\n\n\n\n<p>Crocoblock plugins can deal with a large amount of data and don\u2019t require any specific speed optimization techniques and tricks; just general principles and common sense will be enough. Also, if using them with Elementor, don\u2019t forget to <a href=\"https:\/\/crocoblock.com\/blog\/speed-up-your-elementor-website\/\">optimize Elementor<\/a>.<\/p>\n<\/div><\/div>\n\n\n\n<p>That\u2019s all; now, you can use those tips and tricks to boost your website performance.<\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>From this tutorial, you will learn how to speed up your WordPress website and possible reasons why it might load slowly.<\/p>\n","protected":false},"author":12,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[269],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Speed Up WordPress Website and Crocoblock Plugins | Crocoblock<\/title>\n<meta name=\"description\" content=\"From this tutorial, you will learn how to speed up your WordPress website and possible reasons why it might load slowly.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-speed-up-wordpress-website-and-crocoblock-plugins\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Speed Up WordPress Website and Crocoblock Plugins | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"From this tutorial, you will learn how to speed up your WordPress website and possible reasons why it might load slowly.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-speed-up-wordpress-website-and-crocoblock-plugins\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-12T06:32:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/07\/static-versus-dynamic.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"20 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-speed-up-wordpress-website-and-crocoblock-plugins\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-speed-up-wordpress-website-and-crocoblock-plugins\/\",\"name\":\"How to Speed Up WordPress Website and Crocoblock Plugins | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2023-03-23T16:27:18+00:00\",\"dateModified\":\"2025-05-12T06:32:42+00:00\",\"description\":\"From this tutorial, you will learn how to speed up your WordPress website and possible reasons why it might load slowly.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-speed-up-wordpress-website-and-crocoblock-plugins\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-speed-up-wordpress-website-and-crocoblock-plugins\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-speed-up-wordpress-website-and-crocoblock-plugins\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Speed Up WordPress Website and Crocoblock Plugins\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Speed Up WordPress Website and Crocoblock Plugins | Crocoblock","description":"From this tutorial, you will learn how to speed up your WordPress website and possible reasons why it might load slowly.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-speed-up-wordpress-website-and-crocoblock-plugins\/","og_locale":"en_US","og_type":"article","og_title":"How to Speed Up WordPress Website and Crocoblock Plugins | Crocoblock","og_description":"From this tutorial, you will learn how to speed up your WordPress website and possible reasons why it might load slowly.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-speed-up-wordpress-website-and-crocoblock-plugins\/","og_site_name":"Help Center","article_modified_time":"2025-05-12T06:32:42+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/07\/static-versus-dynamic.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"20 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-speed-up-wordpress-website-and-crocoblock-plugins\/","url":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-speed-up-wordpress-website-and-crocoblock-plugins\/","name":"How to Speed Up WordPress Website and Crocoblock Plugins | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2023-03-23T16:27:18+00:00","dateModified":"2025-05-12T06:32:42+00:00","description":"From this tutorial, you will learn how to speed up your WordPress website and possible reasons why it might load slowly.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-speed-up-wordpress-website-and-crocoblock-plugins\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-speed-up-wordpress-website-and-crocoblock-plugins\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-speed-up-wordpress-website-and-crocoblock-plugins\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Speed Up WordPress Website and Crocoblock Plugins"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/38705"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/12"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=38705"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=38705"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=38705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}