feat: New performance optimization #23
Closed
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
…, Jan, Jonathan, Inke, Annika, and Arian
…ate existing profiles
…ika, Arian, Conner, and Jan;
…aphics, IoT, and blockchain benefits
Updated the layout of the team page to make it fixed and improved the routing logic by using 'vue-router'. Also added locale support for the team collection query.
The commit translates German blog content into English, updating titles, descriptions, and body text accordingly while improving structure and language clarity. It ensures the content aligns with its intended audience and SEO practices.
The index.vue page now includes a localePath function to properly handle localization. This function is used to generate the correct link for each team member using their locale slug. Also, a console log for debugging team value is added.
Improved the data fetching method in the team page by using route parameters and making the collection dynamic based on the locale. Added console logs for debugging purposes.
This commit enhances data fetching in the blog post detail page by adding more parameters to the collection query. It also adds console logs to debug the fetching process. The change aims to improve the performance and reliability of the blog post display.
The slug for Annika's profile in the team section has been updated in both the German and English versions of the website. The slug has been simplified for easier access.
Refactored the content configuration to dynamically generate collections and schemas based on a defined list of locales. This change simplifies the code and makes it easier to manage multiple locales. The schemas for team and articles are also updated with additional properties.
This commit modifies the slugs in the team markdown files for Inke, Jan, Arian, Conner, Jonathan, and Paul. The 'team/' prefix was removed from each slug, making them more concise.
Adjusted the styling of the homepage UI and improved image loading by adding a lazy loading attribute for the team image. Also, changed the format to webp to enhance the performance.
Updated the ImageFigure component in Vue. Changes include: - Reordered class and typeToClass attributes - Replaced Image with NuxtImg and added loading and sizes attributes - Reformatted button for better readability - Changed order of script language and setup attributes.
Replaced the Image component with the NuxtImg component on the team page for better image performance. Added 'webp' format and 'lazy' loading for optimized loading speed.
This commit improves the image loading and swipe interaction in the Carousel.vue component. The image component has been replaced with NuxtImg for optimized image loading and the usePointerSwipe function has been improved to handle swipe direction more effectively. The layout has also been updated for better readability.
Updated the layout of the blog page to improve responsiveness. Also, modified the image loading to be lazy for better performance.
…nteraction prefetching
Optimized the loading of the `Menu` and `MenuButton` components in the `default.vue` layout by importing them asynchronously. This will help improve the initial page load and overall performance. Additionally, a timeout of 2000ms was added to the `MenuButton` component for better user experience.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Using The Ultimate Guide to Vue Performance to optimization:
Like:
Tree-shaking and code-splitting
Lazy loading and prefetching Vue components
Lazy Vue component hydration
v-memo and v-once
Common image handling optimizations
Deep vs shallow reactivity
Performance strategies for data fetching (caching, prefetching, and more)
web-vitals