Here is the comprehensive performance analysis with the recommended code remediation.
Based on the profiling data, the application suffers from significant performance bottlenecks caused by synchronous initialization of heavy components on every page load.
Impact: 53.62% of total load time.
| ! function(e) { | |
| "use strict"; | |
| e.ThreeSixty = function(t, r) { | |
| var a, n = this, | |
| i = []; | |
| n.$el = e(t), n.el = t, n.$el.data("ThreeSixty", n), n.init = function() { | |
| a = e.extend({}, e.ThreeSixty.defaultOptions, r), a.disableSpin && (a.currentFrame = 1, a.endFrame = 1), n.initProgress(), n.loadImages() | |
| }, n.resize = function() {}, n.initProgress = function() { | |
| n.$el.css({ | |
| width: a.width + "px", |
| <?php | |
| use Drupal\image\Entity\ImageStyle; | |
| function blissgo_preprocess_node(&$variables) { | |
| $node = $variables['node']; | |
| if(!empty($node->field_image[0])) { | |
| $path = $node->field_image->entity->getFileUri(); | |
| $url = ImageStyle::load('teaser_image')->buildUrl($path); |
| .matrix-container { | |
| padding: 60px 0 60px -10px; | |
| @media #{$breakpoint-full} { | |
| padding: 20px; | |
| } | |
| @media #{$breakpoint-medium} { | |
| display: none; | |
| } |
I hereby claim:
To claim this, I am signing this object:
| { | |
| "projectType":"drupal", | |
| "nameRegex":null, | |
| "settingsFile":"sites/default/settings.php", | |
| "image":"drupal.png", | |
| "keyFile":"settings.php", | |
| "projectRootRelativeToKeyFile":"../../../", | |
| "filesExistInRoot":null, | |
| "ignoreIfFilesInRoot":null, | |
| "ignoreIfPathContains":null, |
| { | |
| // Flatland theme settings | |
| "theme": "Flatland.sublime-theme", | |
| "flatland_square_tabs": true, | |
| // Colour scheme | |
| "color_scheme": "Packages/Dayle Rees Color Schemes/LastNight.tmTheme", | |
| // Type settings | |
| "font_face": "Droid Sans Mono", |
| //Function to determine whether an element is in view | |
| function isScrolledIntoView(elem) { | |
| var docViewTop = $(window).scrollTop(); | |
| var docViewBottom = docViewTop + $(window).height(); | |
| var elemTop = $(elem).offset().top; | |
| var elemBottom = elemTop + $(elem).height(); | |
| return ((elemBottom >= docViewTop) && (elemTop <= docViewBottom)); | |
| } | |
| $(document).ready(function() { |
| /** | |
| * Single color (no gradient) CSS3 buttons | |
| */ | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| html { |
| /** | |
| * Single color (no gradient) CSS3 buttons | |
| */ | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| html { |