The performance of my Wordpress site is being hindered by the slowdown caused by Admin

I have a Wordpress website focused on winter sports vacations in Iceland: link

Every plugin, WordPress core, and theme are up to date.

Using Woocommerce for my online store. However, activating the Woocommerce plugin causes the site to slow down significantly. Deactivating it speeds up the site again.

The theme I am using is supposedly compatible with Woocommerce according to the developer, but they are unable to identify the cause of the slowdown.

Tried optimizing speed and caching with WP-Rocket plugin, but no improvement was seen.

Analysis from Pingdom Tools and GTMetrix indicate a major delay in loading admin-ajax.php?action=grandtour_custom_css

You can view the test results here: link

Any advice on how to tackle this issue?

cssajaxwordpressadmin-ajax

Answer №1

Upon analyzing your website's speed test on Gtmatrix under waterfall, it has been found that one of your ajax actions is taking 3.7 seconds, causing a significant delay.

To address this issue, it is recommended to remove this particular ajax action using the following code:

remove_action('grandtour_custom_css');

For detailed instructions on how to use remove_action in WordPress, refer to the WordPress Documentation.

Remember that remove_action() should be called within a function, as demonstrated below:

add_action( 'wp_head', 'remove_my_action' );
function remove_my_action(){
   remove_action( 'grandtour_custom_css');
   remove_action( 'wp_ajax_grandtour_custom_css');
   remove_action( 'wp_ajax_nopriv_grandtour_custom_css');
}

Next, add the css from the ajax call available here in the WordPress customizer under appearance.

If the issue persists, consider optimizing the animation css for further improvements.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

I'm noticing that my CSS is behaving differently than expected. Despite setting position: absolute, the output is displaying as inline-block instead of block. Why is this happening

div { width:200px; height:200px; position: absolute; } .first-container { background-color: #9AD0EC; } .second-container { background-color: red; left: 200px; } .third-container { background-color: blue; left:400px; } Despite setting th ...

javascripthtmlcssweb

Different methods to disable scrolling when the mobile menu pops up

I have implemented a mobile menu option that appears when you click on the triple line logo, but unfortunately, users can still scroll while the menu is open. I've tried using position:fixed; but haven't been successful in preventing scrolling be ...

javascripthtmlcss

Having trouble with the menu toggle button on Bootstrap 4?

When using Bootstrap 4, the breadcrumb button may not function properly when the header becomes responsive. I have ensured that Bootstrap 4 CSS and JS are included in the project. Please assist me in resolving this issue. Code: .navbar { height:100 ...

javascripthtmlcssbootstrap-4

Developing an unchanging structure for HTML pages

I need assistance in designing an HTML layout with a fixed toolbar at the top and bottom, along with a single centered DIV that should be responsive when the user resizes the window both vertically and horizontally. I have attached a mockup/screenshot fo ...

csshtmllayout

Exploring the spread of jquery/ajax assurances within the Durandal framework

Utilizing durandal, I have a base controller that handles server calls. Each specialized controller for different use cases utilizes the base controller to make the server call. Within the base controller, the following code is present: self.call = functi ...

jqueryajaxpromisedurandal

Execute a function determined by the radio button value fetched from the database

This particular function is designed for an Edit form, with radio buttons initially set to the values stored in the database. When a radio button is clicked, it triggers one of two functions which populate a dropdown list depending on the selection. For ex ...

phpjqueryajax

Multiple change events triggered in AJAX interactions

Having a list of doctors in a dropdown menu with an ID of "doctors", I use AJAX to fetch related locations based on the selected doctor. These retrieved locations are then displayed in another dropdown menu with an ID of "locations". Subsequently, chan ...

javascriptjqueryajax

What is the best way to confine the child elements within a parent element using CSS?

Check out my CSS and HTML code here: https://jsfiddle.net/z2cc11yk/ Here's the HTML: <div class="progressbar-container"> <div class="progressbar-text">125%</div> <div class="progressbar-progress" style="background-color: red; wi ...

htmlcss

The initial menu option stands out due to its unique appearance, created using the :first-child

I am currently designing a website menu and I would like the .current-menu-item - current item, to have a different appearance. However, I want the first item in this menu to have rounded corners (top left, bottom left). How can I achieve this using the :f ...

htmlcsscss-selectors

Captivating captions for captivating visuals. Pictures don't conform to a linear arrangement

As someone who is new to website creation, I am currently working on adding a CSS effect where a popup-text appears when an image is hovered over. I want to create a row of images for the popups by using an unordered list. However, I'm facing a proble ...

css

In my submit function, I am utilizing one Ajax call to retrieve data. I am interested in merging the data from this Ajax call with the data from a second Ajax call before submitting

Starting with an initial AJAX post to upload a file, now the goal is to have the same AJAX function grab data from another AJAX call and post it together - essentially posting the ID back to the database. Everything is functioning correctly, but the challe ...

jqueryajaxpostasp.net-ajaxajaxsubmit

Adjust the carousel width on slide in Bootstrap 4

Having an issue with my Bootstrap Carousel where the width changes as it slides. The carousel starts off fine, But when it slides, I want the carousel to stay centered and maintain a fixed width. Setting a fixed width for carousel-inner works, but it n ...

cssbootstrap-4

"Explore the capabilities of WebWorks AJAX for seamless cross-domain requests

Currently developing a playbook app using webworks sdk. I am encountering an issue with making an HTTP request (method: post) while sending and receiving data. Although I am able to receive a response from the server, the server does not seem to receive th ...

ajaxblackberryxmlhttprequestblackberry-playbookblackberry-webworks

Finding the nearest span element with a selector in styled components

Currently experimenting with integrating Styled Components to target the nearest span element. <label> <span className="">Password</span> <input type="password" id="passwordInput" /> </label> ...

htmlcssreactjsstyled-components

Styling images side by side with CSS in Internet Explorer

I've encountered a CSS dilemma. I have a collection of images that I want to present side by side using an unordered list within a fixed width container. The goal is to have 3 images per row before moving on to the next set of 3 images. Each list ite ...

cssinternet-explorer-7

A Step-by-Step Guide to Setting Up a Scoreboard for Your Rock Paper Scissors Game

I'm new to JavaScript and I want to create a rock, paper, scissors game from scratch. My Game Plan: Once the user clicks on an option (rock, paper, scissors), the game will display their score and the computer's score along with the result of t ...

javascriptjqueryhtmlcss

Set the styling of a div element in the Angular template when the application is first initialized

I have a question about this specific div element: <div class="relative rounded overflow-clip border w-full" [style.aspect-ratio]="media.value.ratio"> <img fill priority [ngSrc]="media.value.src || ftaLogo" ...

htmlcssangulartypescriptdom

Issue with Ajax when attempting to load new content into a div after submitting a form

After implementing the code below to submit a form and use ajax to load the action page into a div on the same page, I am encountering an issue where clicking submit results in a duplicate copy of the form appearing again. <script src="//ajax.googleapi ...

jqueryhtmlajax

Enhance the responsiveness of full-screen pop-ups

My current project involves creating a full-screen pop-up for a specific application. /* Custom Full Screen Popup */ .fullscreen-popup { position: fixed; top: 0; ...

htmlcssresponsive-design

Establish a connection between a PHP webpage and a MySQL database

I've been struggling to establish a connection between my php pages and MySQL. Being new to php, I've attempted various solutions found online but none seem to work for me. Even after creating a database and downloading a php form, the data is no ...

phphtmlcssmysqlsql