Explore the enchanting world of CSS animation, elevating web designs with captivating transitions and dynamic effects. Unleash creativity as we delve into key techniques and practices, empowering you to create immersive experiences. Join our exciting CSS animation journey!

Animation in CSS

Design patterns are reusable solutions to common problems in software development, and they can be especially useful in React applications. In this blog, we will explore some popular design patterns in React and how they can improve the structure, maintainability, and scalability of your code.

Design patterns in React

Many individuals wish to build their own 3D website but may feel unsure of where to begin and have the confidence it would run smoothly. If you’re searching for a way to build 3d websites as a developer then this article will 100% help you.

Apply 3d content on a webpage using three.js library

Senior Developer

Trung Tran

Senior AI Engineer

Phong Le

Business Analyst

Duong Dat Thanh

Middle Developer

Nguyễn Nhật Minh

Duy Le

Long Nguyen

In the previous section (part 2), I provided an overview of how to set up a working environment using Docker containers and build a Product Service. In this section (part 3), we will shift our focus to building Customer Service using .NET, Minimal API, and PostgreSQL.

Giới thiệu tổng quan về microservice, lợi ích khi xây dựng dự án sử dụng kiến trúc microservice, các nguyên lý khi xây dựng microservice, điểm mạnh điểm yếu của microservices, đồng thời giới thiệu series thực chiến xây dựng hệ thống microservices.

Tổng quan về Microservices (Phần 1)

Cài đặt môi trường làm việc cho dự án microservices với docker, xây dựng cấu trúc ban đầu cho dự án, triển khai logging và product service, containerize cho product.service.

Thực chiến xây dựng kiến trúc dự án Microservices và triển khai Product Service (phần 2)

Build Customer service (.NET, Minimal API, and PostgreSQL)

Microservices

If you have been writing c# for a while, you must have used String (string and String can be used interchangeably because string is just an alias of String) and StringBuilder class for sure. However, underneath the simple ‘+’ operator is a huge amount of work which was designed for good intention but also could degrade performance drastically if used naively. The StringBuilder class  was crafted in order to overcome one of those problems. Do you know what these problems are and what was resolved? 
Let’s find out in this post!

How string works in c#

<html><body><h2 style="text-align:justify;">1. Cải thiện tốc độ tải trang đi cùng với  3 “Tăng”</h2><h3 style="text-align:justify;">Tăng trải nghiệm người dùng</h3>Nếu so sánh giữa sàn S và sàn L, dù sàn L có nhiều chương trình khuyến mãi hơn, nhưng khảo sát cho thấy số người sử dụng sàn S vẫn chiếm ưu thế. Lý do chính là do giao diện website của sàn S được thiết kế dễ sử dụng, tốc độ truy cập nhanh và có tính linh hoạt. Điều này cho thấy rằng việc tập trung vào trải nghiệm người dùng là rất quan trọng trong việc xây dựng một website.Hiện nay, việc trải nghiệm người dùng là một yếu tố cực kỳ quan trọng trong lĩnh vực thiết kế website. Khách hàng không muốn phải chờ đợi quá lâu để có thể xem được nội dung hoàn chỉnh của một trang web. Trong thời đại kỹ thuật số, người dùng có rất nhiều sự lựa chọn, và họ khó có thể chấp nhận trang web chậm hoặc không có trải nghiệm tốt. Do đó, tập trung vào trải nghiệm người dùng là một yếu tố quan trọng để xây dựng một trang web thành công. Nếu một trang web được thiết kế mà không tập trung vào trải nghiệm người dùng, nó sẽ khó có thể phát triển được và khách hàng sẽ không quay lại. Vì vậy, việc tập trung vào tối ưu hóa trang web để có trải nghiệm người dùng tốt là cần thiết và không thể bỏ qua. <h3 style="text-align:justify;">Tăng thứ hạng website</h3>Tốc độ tải trang chậm là một trong những nguyên nhân dẫn đến việc website của bạn có xếp hạng thấp hơn so với các trang web của đối thủ trên các công cụ tìm kiếm. Khi truy cập vào một trang web, người dùng thường không kiên nhẫn và sẵn sàng bấm nút "Quay lại trang tìm kiếm" để xem một trang web khác nếu trang web hiện tại tải quá chậm. Điều này sẽ làm cho Google đánh giá trang web này không có ích cho người dùng, dẫn đến việc xếp hạng của trang web bị giảm. Ngoài ra, tốc độ tải trang chậm cũng ảnh hưởng đến điểm số của trang web trên PageSpeed Insights, do đó việc đạt được xếp hạng cao là điều khó khăn. <h3 style="text-align:justify;">Tăng lợi ích của chủ sở hữu website</h3>Tốc độ tải trang web chậm không chỉ làm giảm trải nghiệm của người dùng mà còn ảnh hưởng đến thứ hạng của website trên các công cụ tìm kiếm. Điều này dẫn đến việc website không tương tác, kinh doanh không thuận lợi và thương hiệu ít tiếp cận được với khách hàng. Vì vậy, để đạt được hiệu quả kinh doanh tốt, việc sở hữu một website mượt mà là rất cần thiết. Có thể thấy rằng WP Rocket giải quyết hầu hết các vấn đề được đặt ra bởi PageSpeed Insights một cách dễ dàng, giúp website dễ tiếp cận với người dùng hơn. Do đó, chủ sở hữu website có thể giải quyết các vấn đề trước đó để website đạt được "3 Tăng": tăng trải nghiệm người dùng, tăng thứ hạng của website và tăng lợi ích cho chủ sở hữu website. <h2 style="text-align:justify;">2. WP Rocket là gì</h2>WP Rocket là một trong những plugin cache hiệu quả nhất cho WordPress. Không chỉ giúp tăng tốc độ trang web, WP Rocket còn giải quyết hầu hết các vấn đề được đưa ra bởi PageSpeed Insights. Việc cài đặt và cấu hình WP Rocket cũng rất đơn giản. Vì những lý do này, WP Rocket xứng đáng là một trong những plugin cache hàng đầu mà bạn nên thử sử dụng. <h2 style="text-align:justify;">3. Tính năng nổi bật của WP Rocket</h2>Sau đây mình sẽ đi qua một số tính năng mà mình đã dùng và thấy nổi bật của WP Rocket, ngoài những tính năng nổi bật này, bạn còn có thể tìm hiểu nhiều thêm nữa ở phần Tutorial của chính plugin này sau khi cài đặt, hoặc ở website chính thức của plugin này nhé!<h3 style="text-align:justify;">Cache</h3>Cache - hay còn được gọi là bộ nhớ đệm - là một khu vực lưu trữ dữ liệu tạm thời trên một thiết bị. Khi được sử dụng đúng cách, tính năng cache có thể giúp tăng tốc độ tải trang và giảm tải cho máy chủ.<ul><li>Để kích hoạt tính năng cache cho thiết bị di động hoặc người dùng đã đăng nhập vào trang web WordPress, bạn có thể chọn Enable caching for mobile devices hoặc Enable caching for logged-in WordPress users.</li><li>Ngoài ra, bạn cũng có thể thiết lập tự động xóa toàn bộ cache trang web trong một khoảng thời gian nhất định bằng cách nhập giá trị vào ô Specify time after which the global cache is cleared (0 = unlimited). Nếu bạn nhập giá trị bằng 0 thì tính năng này sẽ bị tắt.</li></ul> <img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-B0iBOyq5I5w69rVD5l3tQywRW66zURwaNVMjRURJ.png"> <h3 style="text-align:justify;">File Optimization</h3>Ở bước này, bạn có thể thoải mái kiểm thử các tính năng trong tab. Nếu website xuất hiện lỗi giao diện, chỉ cần tắt tính năng mà bạn vừa kích hoạt và xóa cache đi là mọi thứ sẽ trở về như cũ.Sau đây một số tính năng hữu ích:<ul><li>Nén file css và file js: Tính năng Minify CSS/JS files giúp tự động nén các file css và js giúp giảm thời gian tải trang.</li><li>Gộp file css và file js: Tính năng Combine CSS/JS files giúp gộp chung các file CSS/JS lại thành một. Lưu ý tính năng này không nên bật nếu trang web của bạn có hỗ trợ HTTP/2. Ngoài ra, còn có Excluded CSS/JS Files giúp người dùng có thể loại trừ được những files CSS và JS mà họ không muốn gộp khi sử dụng tính năng Combine CSS/JS files.</li><li>Trì hoãn tải tệp JavaScript: Tính năng Delay JavaScript execution giúp trì hoãn tải tệp JavaScript cho đến khi người dùng tương tác (cuộn, nhấp,...) trên trang web từ đó cải thiện hiệu suất đáng kể. Ngoài ra, còn có tùy chọn Excluded JavaScript Files để người dùng có thể chỉ định các URL hoặc từ khóa của tệp JavaScript không cần phải trì hoãn khi sử dụng tính năng Delay JavaScript execution.</li></ul><img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-gFnekDuPk9jZX6XJk6WpV7MUafo5LYKA2aCZ4zz5.png"> <h3 style="text-align:justify;">Media</h3><ul><li>Tính năng lazyload cho ảnh, iframes và video</li></ul>Tính năng Enable for images/iframes and videos giúp giảm thời gian tải trang bằng cách sử dụng lazy load cho ảnh, iframe và video.Replace YouTube iframe with preview image giúp cải thiện tốc độ tải trang đáng kể cho các trang web chứa nhiều video YouTube bằng cách thay thế khung phát trực tiếp YouTube bằng các hình ảnh xem trước. <img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-WC95jfIOIqEPVvts8sjBssTwvEHe1V8eoEl87KzQ.png"> <h3 style="text-align:justify;">Tools</h3><ul><li>Import/Export cài đặt</li></ul>Tính năng Import/Export settings giúp bạn dễ dàng sao chép cài đặt từ một trang web sang một trang khác. Điều này tiết kiệm thời gian và công sức nếu bạn cần áp dụng các cài đặt tương tự cho nhiều trang web khác nhau.<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-9ovdESbv7qeYg4ymlGLk6KoNj81mw3C4X3LP7cxO.png"> <h3 style="text-align:justify;">Tutorials</h3>Đối với những ai đang tìm kiếm một giải pháp để tối ưu hóa trang web của mình, WP Rocket có thể là một lựa chọn tuyệt vời. Điều đặc biệt về WP Rocket là tính năng giúp tiết kiệm thời gian đáng kể trong việc tìm hiểu cách tối ưu hóa trang web. Bên cạnh đó, WP Rocket cung cấp các video hướng dẫn và demo chi tiết để người dùng có thể dễ dàng thực hiện cài đặt và tối ưu hóa trang web của mình.<img src="https://api.careers.saigontechnology.com/storage/ck-editor/CKEDITOR-hLj5Ays8zFFJrq2689J2VhapOLpdifs9A2UXdCB4.png"> <h2 style="text-align:justify;">4. Ưu nhược điểm của WP Rocket</h2><ul><li>Ưu điểm:<ul><li>Hỗ trợ tối ưu hóa website một cách nhanh chóng và hiệu quả: WP Rocket có khả năng giúp bạn khắc phục các lỗi mà PageSpeed Insights phát hiện một cách đơn giản và dễ dàng.</li><li>Sử dụng đơn giản: Bạn không cần phải là một chuyên gia về mã lệnh để có thể sử dụng plugin này.</li><li>Hỗ trợ liên kết với nhiều Add-on: WP Rocket có khả năng liên kết và hỗ trợ các Add-on khác để giúp bạn theo dõi website của mình dễ dàng hơn.</li></ul></li><li>Nhược điểm</li><li>Phí dịch vụ: WP Rocket là một dịch vụ trả phí.</li><li>Không hỗ trợ hình ảnh dạng .webp: WP Rocket không hỗ trợ tối ưu hóa hình ảnh dạng .webp.</li><li>Chỉ hỗ trợ cho website Wordpress: WP Rocket chỉ hỗ trợ cho website được xây dựng trên nền tảng Wordpress.</li></ul> <h2 style="text-align:justify;">5. Kết luận</h2>WP Rocket là một công cụ caching rất hữu ích để cải thiện tốc độ website của bạn. Nó được thiết kế để giảm thời gian tải trang bằng cách lưu trữ các phiên bản trang web đã được tạo trước đó và phục vụ chúng cho những người truy cập sau đó.Tuy nhiên, trong quá trình sử dụng WP Rocket, cần lưu ý một số điểm quan trọng để tránh lỗi và đạt được kết quả tốt nhất cho website của mình. Theo như đã ghi chú ở trên, có vài điều kiện cần phải tuân thủ:<ul><li>Cần phải cài đặt WP Rocket trên một website đã được cập nhật lên phiên bản mới nhất của Wordpress.</li><li>Nên sử dụng WP Rocket trên một website đã được cài đặt HTTPS để đảm bảo an toàn cho người dùng.</li><li>Nên sử dụng WP Rocket trên một website đã được cài đặt SSL để đảm bảo an toàn cho người dùng.</li><li>Không nên sử dụng WP Rocket trên một website đã sử dụng plugin caching khác, vì điều này có thể gây ra xung đột và làm cho website của bạn phát sinh lỗi hoặc hoạt động chậm hơn.</li></ul>Hy vọng những thông tin trên sẽ giúp bạn sử dụng WP Rocket hiệu quả hơn và cải thiện tốc độ website Wordpress của riêng mình. </body></html>

Trong thời đại số hóa hiện nay, website là công cụ quan trọng để quảng bá hình ảnh công ty. Tuy nhiên, việc website có tốc độ chậm sẽ làm giảm trải nghiệm người dùng và ảnh hưởng tới hiệu quả kinh doanh của doanh nghiệp. Với WP Rocket, doanh nghiệp có thể mang đến cho người dùng trải nghiệm tốt hơn.

Sử dụng WP Rocket để tăng tốc độ website Wordpress

<html><body><h2 style="margin-left:-18pt;text-align:justify;">1. What is capacity in performance test? </h2>Capacity in performance testing refers to the ability of a system to handle a specific workload or user traffic volume while maintaining acceptable performance levels. In other words, it is the maximum amount of load or traffic a system can handle without any performance issues such as slow response times, high error rates, or system crashes. Capacity testing involves simulating a high volume of user traffic on the system to identify bottlenecks and performance issues, and to determine the maximum amount of load the system can handle.<h2 style="margin-left:-18pt;text-align:justify;">2. Why is capacity measurement important in performance test?</h2><ul><li>First, Capacity measurement can help ensure that an application can handle the expected number of users or data without experiencing any performance issues.</li><li>Second, the Capacity measurement helps to identify the bottlenecks in performance of system, and allow the performance engineers to optimize an application's performance to handle larger loads effectively. </li><li>Finally, the Capacity measurement ensures that an application is scalable for the future growth or increasing performance of the system in peak time.</li></ul><h2 style="margin-left:-13.5pt;text-align:justify;">3. How to measure capacity in performance test?</h2>By considering factors that are able to affect the capacity of a system, performance engineers can identify exactly capacity and areas to optimize the system resources. Some of critical factors of the system should be considered as:<ul><li>Hardware resources, including the CPU, memory, disk space, and network bandwidth.</li><li>Software architecture, including the number of servers, load balancers, and databases.</li><li>Expected user behavior, such as the number of users, the type of requests, and the frequency of requests</li><li>Network infrastructure, including the bandwidth, latency, and packet loss.</li><li>Testing environment, including the tools and techniques used for performance testing.</li><li>System configuration, including the settings for caching, logging, and other parameters. </li></ul> To measure the capacity of system effectively and identify potential performance issues, performance engineers can use the following strategies and work closely with developer team and stakeholders as <ul><li>Define realistic user scenarios and traffic volumes based on the system's expected usage patterns.</li><li>Choose appropriate performance testing tools that can simulate realistic user behavior and traffic volumes.</li><li>Conduct a series of tests with gradually increasing loads, starting from low loads and increasing to peak loads, to identify the system's maximum capacity.</li><li>Monitor key system metrics such as response time, throughput, CPU usage, memory usage, and network utilization during the tests.</li><li>Analyze the test results to identify performance issues such as slow response times, high error rates, or bottlenecked resources.</li><li>Use profiling tools to drill down and identify the root cause of performance issues.</li><li>Make more changes to improve capacity and performance of the system, such as optimizing code, tuning database settings, or upgrading hardware or infrastructure.</li><li>Repeat the testing process to ensure that the changes have had the desired effect on the system's capacity and performance. </li></ul> Available tools to measure capacity of the system:<ul><li>Apache JMeter is used to test the performance and capacity of web applications.</li><li>LoadRunner is a commercial tool from Micro Focus that can be used to test the performance and capacity of various types of applications, including web, mobile, and cloud applications.</li><li>Gatling is an open-source tool that can be used to test the performance and capacity of web applications.</li><li>Apache Bench is a command-line tool that can be used to test the performance and capacity of web servers.</li><li>Tsung is an open-source tool that can be used to test the performance and capacity of various types of applications, including web, SOAP, and XMPP applications.</li><li>Locust is an open-source tool that can be used to test the performance and capacity of web applications.</li></ul><h2 style="margin-left:-18pt;">4. Best practices for system capacity measurement </h2>Measuring capacity can present several challenges for performance engineers. Here are some of the most common challenges in capacity measurement:<ul><li>Limited Resources, such as time, budget, or test hardware, can make it challenging to conduct thorough capacity testing. It can be difficult to simulate real-world traffic volumes and user behavior with limited resources.</li><li>Complex Systems with multiple components, dependencies, and integration points can be difficult to test comprehensively. It can be challenging to isolate performance issues in such systems.</li><li>Changing Requirements can make it difficult to plan and execute capacity testing effectively. Unexpected changes in traffic volumes or user behavior can lead to inaccurate test results.</li><li>Lack of Test Data can make it difficult to simulate realistic user behavior and traffic volumes. Without adequate test data, it can be challenging to generate accurate test results.</li><li>Scalability Issues can arise when the system's capacity is insufficient to handle growing traffic volumes or user activity. It can be challenging to predict future capacity requirements and ensure that the system can scale to meet them.</li><li>Unreliable performance testing tools can lead to inaccurate test results and make it challenging to identify performance issues. Using the wrong tools or outdated versions of tools can also result in inaccurate test results.</li></ul> Here are some best practices that can help performance engineers measure the capacity of a system effectively:<ul><li>Defining clear objectives for capacity testing, such as determining the maximum number of users the system can handle or identifying performance bottlenecks, is important to help focus testing efforts and ensure that the testing is aligned with the goals of the project.</li><li>Using realistic test scenarios that reflect the expected usage patterns of the system will help ensure that the testing is relevant and accurate. Using production-like environments helps to ensure that the testing environment accurately reflects the production environment.</li><li>Using appropriate testing tools that can simulate realistic user behavior and traffic volumes will help ensure that the testing accurately reflects the expected usage patterns of the system.</li><li>Monitoring key system metrics during testing, such as response time, throughput, CPU usage, memory usage, and network utilization, will help identify performance issues and ensure that the testing accurately reflects the system's performance.</li><li>Conducting multiple rounds of testing with gradually increasing loads to identify the system's maximum capacity and any performance bottlenecks is essential.</li><li>Collaborating closely with development teams to identify and resolve performance issues will ensure that performance issues are resolved efficiently and effectively.</li><li>Documenting and sharing test results will ensure that everyone is aware of the system's capacity and any performance issues.</li></ul><h2 style="margin-left:-18pt;">5. Conclusion</h2>Capacity Measurement in performance test is essential to ensure that an application can handle the expected number of users or data without experiencing any performance issues. By using load testing, stress testing, and scalability testing, performance engineers can determine an application's capacity and optimize it for the expected usage. By following best practices such as defining realistic load scenarios, starting with baseline testing, monitoring key performance indicators, and using cloud-based testing, performance engineers can deliver high-performing applications that meet the needs of their users.Source: https://saigontechnology.com/blog/the-basic-concepts-of-performance-test-capacity</body></html>

Capacity is one of the most important performance factors in ISO 25010 and is a critical aspect of performance testing because it helps the organizations determine the scalability of their system and ensure that it can handle expected traffic volumes. In this article, we will discuss what capacity is in a performance test, why it is essential, and how to measure it effectively.

Blog where we tell stories and share IT knowledge