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

Adding a border-top overlay to vertical navigation

I'm working on a vertical navigation bar and I'd like to make some styling changes. Here's the current setup (View jFiddle): <style> ul{ list-style-type: none; } li{ display: block; margin: 0; padding: 10; border-top: 1px d ...

htmlcss

Using Jquery in combination with Bootstrap modal and PHP for website

Upon submission of a form with numerous fields, I aim to display a bootstrap modal popup that prompts the user with a question before data is saved in the database. The user can respond with either "yes" or "no", leading to different actions being taken ba ...

phpjqueryajaxtwitter-bootstrapmodal-dialog

Using the / (forward slash) in CSS styling statements

Similar Query: Understanding the CSS font shorthand syntax As I was examining the styling on Apple's website, I encountered a CSS rule that left me puzzled: body { font: 12px/18px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana, ...

css

How to modify the content type in an Angular.js $http.delete request

When making a $http.delete request in my Angular app, I include a config object using the following approach: return $http.delete('projects/' + projectID + '/activityTypes', {data: [{id: 2}]}) This method attaches the values from my d ...

javascriptajaxangularjs

Guide to adding a file upload progress bar to your website

Is there a way to enhance file upload experience on my web application beyond the usual animated gif? I'm currently using .Net, but open to platform agnostic solutions as well. ...

.netjavascriptajax

What is the best approach to effectively manage right-to-left text-input fields?

I have been working on a project involving a multilingual layout. One concern that has arisen is: What is the proper way to handle text-input in this scenario? To better explain my issue, I created a JSFiddle. If I simply add the attribute dir="rtl", ...

htmlcsshebrewbidi

Strange circle border appearance in Android / Chrome device

Having an issue with my code on a Samsung Galaxy S5 in Chrome 54.0.2840.85, Android 6.01. You can view the problematic codepen here: http://codepen.io/johnsonjpj/pen/jVpreB The border displays correctly on Firefox and iPhones, but not on my device. Trou ...

androidhtmlcssgoogle-chromesamsung-galaxy

Having trouble resolving row border issues with CSS in DataTables?

I need to enhance the appearance of specific rows in my table by adding a darker border at the bottom. To achieve this, I have assigned a custom class (des-rec-row) to the rows and included the following CSS code: .des-rec-row { border-bottom: 1px soli ...

cssdatatables

Using AJAX to search through paginated pages is quite simple and effective

Currently, I have developed a JavaScript script that filters names within a list. However, a problem has arisen with pagination - as the list paginates, I am unable to retrieve names without refreshing the page. Is there a way to use AJAX to access and dis ...

javascriptajax

Utilize AJAX and jQuery to seamlessly upload files through the PHP API

I have code in the following format. PHP file : <form action="http://clientwebapi.com/createEvent" id="form_createEvent" method="post" enctype="multipart/form-data"> <input type="text" name="image_title" /> <input type="file" name="media" ...

phpjqueryajaxmultipartform-data

The shadow effects and color overlays do not seem to be functioning properly in Mozilla Firefox

I have designed a popup registration form using the Bootstrap modal class. To ensure form validation, I have integrated some jQuery validation engine functionality. Additionally, I customized the appearance by adding a box shadow, adjusting the background ...

javascriptjqueryhtmlcsstwitter-bootstrap

Guide on implementing CSS modules in a WordPress plugin built with React

Within one of my tsx files, I included this line: import styles from "../../styles/buyTicket.module.css"; This resulted in the following error message: ERROR in /Applications/MAMP/htdocs/wp-content/plugins/tikex/tikexModule/components/BuyTicket/ ...

cssreactjswordpresscss-modulesreact-css-modules

TempData function malfunctioning when used in conjunction with AJAX requests

Within my ASP.NET MVC 6 project, I encounter a situation where multiple AJAX calls are made in parallel from a standard MVC controller to consume endpoints that return views. These AJAX calls interact with separate endpoints within the same controller - ea ...

.netajaxasp.net-mvcasp.net-core

What is the best way to align li elements in a ul list at the

How can I center ul elements on a web page? I have checked similar questions on this site and tried using text-align in my CSS file to center the elements, but it didn't work as expected. I also attempted to use margins which did center the elements, ...

htmlcsstwitter-bootstrap

Spin a three-dimensional picture

Looking for some assistance! I have an image on my website that is rotated and needs to be turned back to face us correctly. I've tried using the code snippets below but they don't seem to be working: transform: rotateY(10deg); transform: rotate ...

htmlcss

The most effective method for dynamically loading a view in Drupal 8 using contextual filters

Within my website, I have implemented a taxonomy system called "category." To navigate through these taxonomy items, I have created a menu with links to each category. Each Taxonomy page not only displays this menu but also includes a view that filters c ...

ajaxdrupal

Is there a way to perfectly align a left-aligned drawable with a hint in a TextInputEditText and position them closer to the bottom of the text input field?

Struggling to align the drawableLeft horizontally with the hint and bring them closer to the bottom of the TextInputEditText. I have experimented with various attributes but haven't been successful so far. Wondering if I might be overlooking something ...

androidcssxmlandroid-layoutmaterial-ui

JQuery hover effect for dynamically added elements

Currently, I am working on a webpage that will trigger an ajax call upon loading. The response data in JSON format will be processed and the elements will then be added to the DOM as shown below: $.ajax({ type: 'POST', url: "http://mysite.de ...

javascriptjquerycssajax

Uploading files using Ajax technology with extremely lengthy text

In our Portal, we have integrated the tinyMCE editor for users to create their mail body. To facilitate this feature, we have created a form that can be submitted using Ajax. Users are also allowed to attach documents to their mail body. Initially, I set ...

jqueryajaxtinymceliferay

Tips for setting a value from an AJAX-created element into a concealed form field

There is a div that contains a button. When the button is clicked, a form appears. The div's id is then assigned to a hidden field within the form. This functionality works for the divs that are present on the page when it initially loads, but it does ...

javascriptjqueryajax